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