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

js打印指定html页面（调用浏览器的打印功能）相关推荐

调用浏览器的打印方法打印页面内容
2018-08-30 直接调用浏览器的打印方法 1.打印按钮 <a href="#" target="_self" οnclick="print ...
使用js在前端web页面调用打印机
使用js在前端web页面调用打印机最近参与了一个比较老的项目改造,需要使用到打印机相关的技术. 由于打印机也是比较老旧,所以没有SDK相关的应用,虽然有桌面的插件,但是需要集成到web中来,最终找到 ...
调用浏览器局部打印，空白、只有一页问题、火狐兼容
调用浏览器局部打印,空白.只有一页问题.火狐兼容项目中需要局部打印页面的图表,图表类型多而杂,因此html结构中包含了canvas和iframe,iframe中又包含canvas. 刚开始根据网上的 ...
javascript 调用浏览器的打印方法。并设置打印为横向打印
最近做一个简单的打印功能,要使用JavaScript调用浏览器的打印功能.并设置打印为横向打印: 为了适应A4纸的宽和高这里设置: body{margin:0 auto; width: 1010px; ...
页面调用系统window打印
一. 打印:直接页面调用window.print(),当前页面就会转换成打印页面当前页面是使用HTML拼接成A4纸表格样式的展示: doPrint:function(type) {// this.c ...
js代码父页面调用子页面中的js方法，子页面调用父页面中的js方法
文中代码亲测可用,转载以示尊重!!!  <script type="text/javascript"> //调用子页面的方法 ...
html打印在一页面布局,html – CSS打印布局 – 单页打印
我被卡住了,SO档案没有帮助我.也许我在错误的地方看.这是一个简短的故事: >我有一个看法,我需要打印在一个完整的页面.我不能有第二页,我需要它在页面上尽可能大. >解决方案必须具有合理的 ...
Excel使用技巧：如何打印指定区域？如何设置禁止打印？
我们在打印Excel表格的时候,有时候只需要打印部分内容,那如何设置Excel打印选定的区域呢?如果不想他人随意打印表格,又该如何设置呢?下面小编就来分享一下设置的方法. Excel打印指定区域(方法 ...
java打印字符串显示_JAVA调用系统打印机打印字符串
用java实现打印,java.awt中提供了一些打印的API,要实现打印,首先要获得打印对象,然后继承Printable实现接口方法print,以便打印机进行打印,最后用用Graphics2D直接输出 ...

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

上代码：

点击事件的代码：

js代码：

js打印指定html页面（调用浏览器的打印功能）相关推荐

最新文章

热门文章