js 實(shí)現(xiàn)打印網(wǎng)頁(yè)中定義的部分內(nèi)容的代碼
更新時(shí)間：2010年04月01日 20:54:02 作者：
有時(shí)候頁(yè)面需要打印功能，如果再做一個(gè)頁(yè)面不利于優(yōu)化，兩個(gè)頁(yè)面內(nèi)容一樣了，所以可以用js實(shí)現(xiàn)內(nèi)容的打印不需要的就不打印。
1、在頁(yè)面的代碼頭部處加入
JavaScript：
<script language=javascript>
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
</script>
2、在頁(yè)面正文處加上<!--startprint-->與<!--endprint-->標(biāo)識(shí)。也就是在需要用戶 打印保存的正文所對(duì)應(yīng)的html處附加上。
3、截取內(nèi)容部分已完成，現(xiàn)在添加“打印”鏈接：<a href="javascript:;" onClick="doPrint()">打印</a>。
JavaScript：
復(fù)制代碼 代碼如下:
<script language=javascript>
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
</script>
2、在頁(yè)面正文處加上<!--startprint-->與<!--endprint-->標(biāo)識(shí)。也就是在需要用戶 打印保存的正文所對(duì)應(yīng)的html處附加上。
3、截取內(nèi)容部分已完成，現(xiàn)在添加“打印”鏈接：<a href="javascript:;" onClick="doPrint()">打印</a>。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了ES6 十大特性的相關(guān)資料，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-12-12
javascript 網(wǎng)頁(yè)進(jìn)度條簡(jiǎn)單實(shí)例
這篇文章主要介紹了javascript 網(wǎng)頁(yè)進(jìn)度條簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了js操作模態(tài)窗口及父子窗口間相互傳值,需要的朋友可以參考下2014-06-06
這篇文章主要為大家詳細(xì)介紹了js滾動(dòng)條平滑移動(dòng)示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
Js控制彈窗實(shí)現(xiàn)在任意分辨率下居中顯示
彈窗居中比較煩人的是怎么才能在任意分辨率下實(shí)現(xiàn)居中顯示，為了解決此問題，本文測(cè)試了一下案例在此與大家分享，有類似需求的朋友可以學(xué)習(xí)下2013-08-08
JS實(shí)現(xiàn)點(diǎn)擊li標(biāo)簽彈出對(duì)應(yīng)的索引功能【案例】
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊li標(biāo)簽彈出對(duì)應(yīng)的索引功能,結(jié)合具體實(shí)例形式分析了javascript事件響應(yīng)、元素遍歷等相關(guān)操作技巧,需要的朋友可以參考下2019-02-02
通過實(shí)例了解JS執(zhí)行上下文運(yùn)行原理
這篇文章主要介紹了通過實(shí)例了解JS執(zhí)行上下文運(yùn)行原理,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06
這篇文章主要介紹了json按某個(gè)鍵的值進(jìn)行排序的相關(guān)資料,代碼簡(jiǎn)單易懂，非常不錯(cuò)，需要的朋友可以參考下2016-12-12
javascript將list轉(zhuǎn)換成樹狀結(jié)構(gòu)的實(shí)例
下面小編就為大家?guī)?lái)一篇javascript將list轉(zhuǎn)換成樹狀結(jié)構(gòu)的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-09-09
鼠標(biāo)選擇動(dòng)態(tài)改變網(wǎng)頁(yè)背景顏色的JS代碼
這篇文章主要介紹了鼠標(biāo)選擇動(dòng)態(tài)改變網(wǎng)頁(yè)背景顏色的JS代碼，有需要的朋友可以參考一下2013-12-12