js print打印網(wǎng)頁指定區(qū)域內(nèi)容的簡單實例
更新時間：2016年11月01日 09:06:14 投稿：jingxian
下面小編就為大家?guī)硪黄猨s print打印網(wǎng)頁指定區(qū)域內(nèi)容的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
實例如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js print打印網(wǎng)頁指定區(qū)域內(nèi)容的簡單實例</title>
</head>
<script>
function myPrint(obj){
var newWindow=window.open("打印窗口","_blank");
var docStr = obj.innerHTML;
newWindow.document.write(docStr);
newWindow.document.close();
newWindow.print();
newWindow.close();
}
</script>
<div id="print">
<hr />
打印演示區(qū)域,點擊打印后會在新窗口加載這里的內(nèi)容！
<hr />
</div>
<button onclick="myPrint(document.getElementById('print'))">打 印</button>
</html>
以上就是小編為大家?guī)淼膉s print打印網(wǎng)頁指定區(qū)域內(nèi)容的簡單實例全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
js的數(shù)組與我們?nèi)粘Ｉ钪械臄?shù)組一樣,都是會進(jìn)行求和計算的,下面這篇文章主要給大家介紹了關(guān)于JS數(shù)組求和的幾種常見方法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
這篇文章主要為大家詳細(xì)介紹了JavaScript運動事件函數(shù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要給大家介紹了關(guān)于js數(shù)組常用19種方法,大家可以看看你會的到底有多少呢,在日常開發(fā)中我們會接觸到j(luò)s中數(shù)組的一些方法,需要的朋友可以參考下2023-09-09
Three.js使用OrbitControls后修改相機(jī)旋轉(zhuǎn)方向無效解決辦法
three.js是用javascript寫的基于webGL的第三方3D庫,下面這篇文章主要給大家介紹了關(guān)于Three.js使用OrbitControls后修改相機(jī)旋轉(zhuǎn)方向無效的解決辦法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01
javascript 控制彈出窗口...2007-04-04
如何將JavaScript(JS)代碼轉(zhuǎn)換為TypeScript(TS)的注意事項詳解
JavaScript（JS）是目前最流行的前端開發(fā)語言之一,TypeScript（TS）是JavaScript的超集,增加了靜態(tài)類型檢查特性,這篇文章主要給大家介紹了關(guān)于如何將JavaScript(JS)代碼轉(zhuǎn)換為TypeScript(TS)注意事項的相關(guān)資料,需要的朋友可以參考下2025-05-05
js之如何刪除多層數(shù)組嵌套的最后一層中的部分?jǐn)?shù)據(jù)
這篇文章主要介紹了js之如何刪除多層數(shù)組嵌套的最后一層中的部分?jǐn)?shù)據(jù)問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
JS+CSS實現(xiàn)自動改變切換方向圖片幻燈切換效果的方法
這篇文章主要介紹了JS+CSS實現(xiàn)自動改變切換方向圖片幻燈切換效果的方法,實例分析了javascript操作圖片切換方向的幻燈片技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
大家好，本篇文章分享的是四種好玩的黑客背景效果JS代碼，感興趣的同學(xué)趕緊來試試吧，覺得還不錯的話記得收藏一下哦，方便下次瀏覽2021-11-11
這篇文章主要為大家詳細(xì)了解了Swiper插件的使用和介紹，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01