發新話題

[代碼] 打印網頁中定義的部分內容的實現方法

[代碼] 打印網頁中定義的部分內容的實現方法

正常情況下的打印是使用 window.print(); 直接整頁打印,但如果需要打印網頁中定義的部分內容,則可使用如下的方法:

1、在頁面的代碼頭部處加入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、在頁面正文處加上<!--startprint-->與<!--endprint-->標識。

也就是在需要用戶打印保存的正文所對應的html處附加上。同時,如果採用小偷程序獲得遠程數據並需打印,可將此等數據置於該定義標籤之內即可。

3、截取內容部分已完成,現在加個「打印」的鏈接:

<a href="javascript:;" onClick="doPrint()">打印</a>
複製內容到剪貼板
代碼:
<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>
要打印的內容在<!--startprint-->startprint與endprint之間的區域<!--endprint-->裡。
<a href="javascript:;" onClick="doPrint()">打印</a>
提示:你可先修改部分代碼,再按運行

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。