JS实现页面打印(局部)

it2024-10-21  36

我们在网页开发过程中经常会有打印页面的需求,通过JS来实现的方法有很多,这里我做了一个整理,供大家参考。 通过:

window.print()

整体打印

<a href="javascrīpt:window.print()" rel="external nofollow" target="_self">打印</a>

 

局部打印

首先,在html中,通过star和end来标记打印区域

<h1>这块内容不需要打印</h1> <!--startprint--> <div class="content"> 这里是需要打印的内容 ..... </div> <!--endprint--> <h1>这块内容不需要打印</h1>

然后,在点击事件中添加如下代码

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(); } 域的内容
最新回复(0)