jqprint 分页打印_JS实现页面打印（整体、局部）_稚终_前端开发者

我们在网页开发过程中经常会有打印页面的需求，通过

方式一：window.print()

整体打印

打印

现在就轻松实现了页面的打印，但是这种方式会将整个页面打印，如果想要实现指定区域的打印需要通过下面的设置

局部打印

首先，在

这块内容不需要打印

这里是需要打印的内容

.....

这块内容不需要打印

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

function doPrint() {

bdhtml=window.document.body.innerHTML;

sprnstr="";

eprnstr="";

prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));

window.document.body.innerHTML=prnhtml;

window.print();

}

过滤打印区域的内容

例如

预览

打印

这里是需要打印的内容

.....

上面的预览和打印按钮不希望打印，如果要过滤的话可以做下面