JavaScript打印網(wǎng)頁指定區(qū)域的例子
更新時間：2014年05月03日 10:07:19 作者：
這篇文章主要介紹了JavaScript打印網(wǎng)頁指定區(qū)域的例子,需要的朋友可以參考下
JavaScript打印頁面指定div區(qū)域原理：使用window.open()在瀏覽器打開一個新的頁面（window）, 使用 window.document.write()將指定div區(qū)域的內(nèi)容寫入新窗口文檔，document.close()關(guān)閉文檔，使用window.print()調(diào)用打印機(jī)打印當(dāng)前文檔。
JavaScript打印函數(shù)myPrint(obj)：
復(fù)制代碼 代碼如下:
function myPrint(obj){
//打開一個新窗口newWindow
var newWindow=window.open("打印窗口","_blank");
//要打印的div的內(nèi)容
var docStr = obj.innerHTML;
//打印內(nèi)容寫入newWindow文檔
newWindow.document.write(docStr);
//關(guān)閉文檔
newWindow.document.close();
//調(diào)用打印機(jī)
newWindow.print();
//關(guān)閉newWindow頁面
newWindow.close();
}
myprint()調(diào)用方法：
復(fù)制代碼 代碼如下:
myPrint(document.getElementById('printDivID'));
實例代碼：
復(fù)制代碼 代碼如下:
<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>
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>
相關(guān)文章
這篇文章主要介紹了JS實現(xiàn)圖片局部放大或縮小的方法,涉及javascript事件響應(yīng)及頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-08-08
JS獲取日期的方法實例【昨天,今天,明天,前n天,后n天的日期】
這篇文章主要介紹了JS獲取日期的方法,結(jié)合具體實例分析了javascript計算昨天,今天,明天,前n天,后n天日期及對應(yīng)的星期幾實現(xiàn)技巧,需要的朋友可以參考下2017-09-09
前端本地文件獲取excel表格內(nèi)容并渲染在頁面的方法
這篇文章主要介紹了前端本地文件獲取excel表格內(nèi)容并渲染在頁面的方法,主要利用SheetJS插件用于處理Excel文件,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-03-03
JavaScript中實現(xiàn)PHP的打亂數(shù)組函數(shù)shuffle實例
這篇文章主要介紹了JavaScript中實現(xiàn)PHP的打亂數(shù)組函數(shù)shuffle實例,本文用2種方法實現(xiàn)了類似PHP的打亂數(shù)組函數(shù)shuffle函數(shù),需要的朋友可以參考下2014-10-10
詳解CocosCreator系統(tǒng)事件是怎么產(chǎn)生及觸發(fā)的
這篇文章主要介紹了CocosCreator系統(tǒng)事件是怎么產(chǎn)生及觸發(fā)的，雖然內(nèi)容不少，但是只要一點點抽絲剝繭，具體分析其內(nèi)容，就會豁然開朗2021-04-04
png-8模式的圖片，如果沒有漸變的話是透明的，如果有漸變就不透明了。需要js的支持。2010-02-02
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實現(xiàn)屏幕滾動效果的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
網(wǎng)絡(luò)復(fù)制內(nèi)容時常用的正則+editplus
有時侯我們在拷貝網(wǎng)頁上的內(nèi)容的時候，總是有一些，開頭的數(shù)字，需要替換掉2006-11-11
實現(xiàn)頁面最大化 默認(rèn)img圖片 屏蔽鼠標(biāo)右鍵 取消選取防止復(fù)制等實現(xiàn)代碼。2009-10-10
JavaScript實現(xiàn)電燈開關(guān)小案例
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)電燈開關(guān)小案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03