js调用浏览器的打印功能

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js调用浏览器的打印功能相关的知识,希望对你有一定的参考价值。

参考技术A 最近做了个运用浏览器打印合同的功能,之前没做过,记录一下其中遇到的问题,打印页面建议使用新开窗口

原型图如下:

页面内容不多说,表格直接用table绘制,在页面顶部加一个悬浮的打印按钮。点击打印按钮调用打印机(ctrl+p)

实现的打印预览效果如下图:

谷歌浏览器可在打印预览-更多设置-选项中去除页眉和页脚的勾选

打印的页面不可出现横向滚动条,否则会出现打印出来的内容显示不全的问题。

以上是关于js调用浏览器的打印功能的主要内容,如果未能解决你的问题,请参考以下文章

layui js 自定义打印功能实现

layui js 自定义打印功能实现

MyReport实践:为ERP系统添加打印功能

使用ScriptX控件实现IE浏览器分页打印功能

调用浏览器打印

vue 实现打印功能,打印的时候加上水印图片