600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > js打印指定html页面(调用浏览器的打印功能)

js打印指定html页面(调用浏览器的打印功能)

时间:2020-04-20 05:41:00

相关推荐

js打印指定html页面(调用浏览器的打印功能)

上代码:

<p>这里的所有内容不打印</p> //<!--startprint-->标签上面的内容不打印<!--startprint--><p>111</p>//在<!--startprint-->和<!--endprint-->两个注释之间的区域是我们需要打印的html内容,其他内容不打印<!--endprint--><p>这里的所有内容不打印</p> //<!--endprint-->标签下面的内容不打印

点击事件的代码:

<button type="button" class="u-btn u-btn-blue" onclick="doPrint()">打印</button>

js代码:

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();--调用打印的窗口window.close();---调用完打印之后记得关闭,否则会导致预览的时候为空页面window.document.body.innerHTML=bdhtml;--重新渲染没有被打印的html内容}

附:打印的table表格如果要显示样式表格框需在table的属性中加入边框线大小border='1'和颜色 bordercolor="#000000"(默认显示的是无色边框)。例:

<table border="1" width="100%" height="95%" bordercolor="#000000" ></table>

(使用的浏览器是谷歌浏览器,其他浏览器没测试)

可使用打印插件:Lodop

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。