在浏览器中,可以调用Bom中的打印方法,来实现调用浏览器的打印。
window.print();
但是打印时显示了打印按钮,希望在打印时隐藏相关元素
这个可以通过css样式来解决,如下
/* 通过设置 media='print' 在打印界面启用 */
<style media="print" type="text/css">
/* 通过设置不可见和高度为0的样式,在打印时隐藏 */
.noprint{visibility:hidden; height:0mm;}
</style>
在style标签里,声明media属性为print,以标明样式在打印时启用
打印自动分页
一般页面内容超出视图时,希望页面自动分页,可是在默认打印预览时并没有分页,如下
上图中,有块设置overflow属性的div,在直接调取window.print时,并未将子Div的 “最底下一行字2”在打印框里显示出来。
Dom构造如下:
&