如何列印網頁中定義的部分內容

穩萊

如何列印網頁中定義的部分內容
正常情況下的列印是使用 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>


 

 給當前日誌評分:
Loading Vote
正在讀取評分資料...


文章來自: Tank部落格
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相關日誌:

評論: 0 | 引用: 0 | 查看次數: -
發表評論
暱 稱:
密 碼: 遊客發言不需要密碼.
內 容:
驗證碼: 驗證碼
選 項:
雖然發表評論不用註冊,但是為了保護您的發言權,建議您註冊帳號.