JS调用浏览器的打印功能

JavaScript023

JS调用浏览器的打印功能,第1张

最近做一个后台管理系统，其中有个用户需求要求调用 浏览器打印 的功能去打印订单，本来以为需要用户手动（ Ctrl+P ）、或者打开 右键菜单 ，再选择打印功能。后来经过查询文档，JS提供了调用浏览器打印功能的API。

页面（全屏弹窗）内容设计如上图所示：

其中页面右下方有两个按钮：

这样可以调用浏览器打印功能，但是打印预览页面上会出现右下方的两个按钮，这肯定是用户不想看到的。

因此还需要根据 CSS媒体查询 来区分：

欢迎访问： 个人博客地址

js打印建议用jquery.PrintArea.min.js

将要打印的内容都放入一个div中，假设id为myprint，然后调用：$("#myprint").printArea()