你的位置:首页 > Java教程

[Java教程]如何在网页中指定打印区域


如何在网页中指定打印区域:
网页内容是可以打印的,但是往往并非网页上的所有内容都需要打印,下面就介绍一下通过js如何指定网页的打印区域。
打印网页内容使用如下函数:

 

window.print()

 

知道打印所使用的函数,那么在默认状态下,这个函数到底是打印的网页中哪一部分的内容的,答案是body中的内容。那么具备以上知识之后就可以轻松的找到解决方案,也就是将要打印的内容动态的放到document.body对象中,然后再调用打印函数即可。
代码实例如下:

 

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>指定打印区域-蚂蚁部落</title><script type="text/javascript"> function doPrint() { bodyContent=window.document.body.innerHTML; printStart="<!--startprint-->"; printEnd="<!--endprint-->"; printContent=bodyContent.substr(bodyContent.indexOf(printStart)+17); printContent=prnhtml.substring(0,printContent.indexOf(printEnd)); window.document.body.innerHTML=printContent; window.print();}window.onload=function(){ var bt=document.getElementById("bt"); bt.onclick=function(){doPrint()}}</script> <body> <div id="noprint">蚂蚁部落一</div><!--startprint--><div id="print">蚂蚁部落二</div><!--endprint--><input type="button" value="点击打印" id="bt" /></body></html>

 

以上代码就可以打印指定的区域,代码比较简单,这里就不多介绍了。
相关阅读:
1.innerHTML属性可以参阅js的innerHTML属性的用法一章节。 
2.substr()函数可以参阅javascript的String对象的substr()方法一章节。 
3.indexOf()函数可以参阅javascript的String对象的indexOf()方法一章节。 
4.substring()函数可以参阅javascript的String对象的substring()方法一章节。 
5.print()函数可以参阅window对象的print()方法一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9905

更多内容可以参阅:http://www.softwhy.com/javascript/