当前位置:   article > 正文

原生js打印插件Print.js_printjs 引入样式

printjs 引入样式

转自于:https://www.jq22.com/jquery-info15776

上面有代码

更新说明:
1. 新增了打印回调方法 onStart()和onEnd();
2. 修复了有时打印空白的bug;


Print.js 网页打印插件

  • 原生js,不依赖其它库

  • 可指定打印(或不打印)区域

  • 支持css样式(内联、外联、嵌入)

  • 支持input(radio/checkbox/text)、select、textarea值获取

使用方法

引入Print.js

1

<script src="Print.js"></script>

绑定方法

1

Print('#Dom');

指定不打印区域

方法一. 添加no-print样式类

1

<div class="no-print">不要打印我</div>

方法二. 自定义类名

1

2

Print('#Dom',{'no-print':'.do-not-print-me-xxx'});

<div class="do-not-print-me-xxx">不要打印我</div>

思路

将目标区域的dom/css添加到空iframe中,打印该iframe。

注意

不支持background-color背景色打印,试试用background-image代替

只在浏览器中预览打印,未实际打印过, 公司无公用打印机.../汗

低级浏览器兼容性待验证

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/105223
推荐阅读
相关标签
  

闽ICP备14008679号