您的位置:首页 > Web前端 > JavaScript

如何使用javascript打印网页内容

2017-06-05 00:00 417 查看
摘要: window.print()

window 对象内置了 print() 方法,其默认行为是调用浏览器的打印功能,输出整个页面。但是,大多数情况下,我们不会希望将页面全部内容打印出来。
这里有两种解决方案:

使用 CSS 中的
@media

@media print {
.noPrint {
display: none;
}
}

编写打印页面

虽然这个有点麻烦,但确是最保险的一个办法(第一种方法存在浏览器兼容性问题)。所谓编写打印页面,就是专门为打印功能设计一个模板。打印程序触发时,先打开这个页面,然后调用浏览器的打印功能,最后关闭或返回之前的页面(在用户体验上会有所欠缺)。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  前端 js 打印 print