js浏览器打印设置打印次数

JavaScript013

js浏览器打印设置打印次数,第1张

普通报表工具栏上有打印按钮,点击该按钮会弹出打印页面。

思路一:通过工具栏中的打印按钮,进行控制。设置全局变量--打印次数,如果打印次数为0,则直接打印,不再跳转到打印页面。或者在参数栏中新增一个打印按钮,在里面写JS脚本。不通过工具栏中的打印按钮实现这个功能。

思路二:在跳转的打印页面,只要点击一次打印按钮,则一方面执行打印指令,另一方面自动关闭打印页面。同时主模板自动刷新数据,重新加载打印次数为1。

思路三:在跳转的打印页面,获取全局变量--打印次数,如果为0,则打印按钮有效。否则打印按钮不可用,为灰色状态。

最近做了个运用浏览器打印合同的功能,之前没做过,记录一下其中遇到的问题,打印页面建议使用新开窗口 原型图如下: 页面内容不多说,表格直接用table绘制,在页面顶部加一个悬浮的打印按钮。点击打印按钮调用打印机(ctrl+p) 实现的打印预览效果如下图: 谷歌浏览器可在打印预览-更多设置-选项中去除页眉和页脚的勾选 打印的页面不可出现横向滚动条,否则会出现打印出来的内容显示不全的问题。

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

页面(全屏弹窗)内容设计如上图所示:

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

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

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

欢迎访问: 个人博客地址