原生js打印插件Print.js

所属分类:其他-独立的部件,杂项

原生js打印插件Print.js ie兼容9

Print.js 网页打印插件

  • 原生js,不依赖其它库

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

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

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

使用方法

引入Print.js

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

绑定方法

Print('#Dom');

指定不打印区域

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

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

方法二. 自定义类名

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代替

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

低级浏览器兼容性待验证

相关插件-独立的部件,杂项

后台管理框架

后台管理框架基于bootstrap
  独立的部件
 37921  248

mui搜索列表添加热门等模块

利用mui搜索列表的源代码,加入我们需求的热门等模块
  独立的部件
 2108  14

jQuery网站引导插件joyride

jQuery网站引导插件joyride
  独立的部件
 11022  46

jQuery表格 可选择导出各种格式

表格内容详情可选择导出各种格式(Excel(xls)、PDF、PNG)
  独立的部件
 19067  157

讨论这个项目(10)回答他人问题或分享插件使用方法奖励jQ币

    空白 0
    2017/12/30 9:13:42

    。。不知道作者能不能给个有注释的学习版本谢谢。

    回复
    空白 0
    2017/12/28 23:51:59

    那个你好是不是没有打印机就打印不了。。

    回复
    前端-技术部 0
    2017/11/25 10:36:40

    取消后,再次点击打印就没内容了?

        jie40380
        2017/11/27 18:05:15
        什么浏览器?我没遇到这个情况
    回复
    JoviChin 0
    2017/11/17 11:56:35
    支持各种css,这才是最好的 回复
    大鹏(iapeng) 0
    2017/11/7 6:48:06

    非常用,特别是支持css,找了好久才找到这个

    回复
    昵称什么的最讨厌了 0
    2017/9/21 14:27:09

    怎样去掉IE中的页眉页脚

        jie40380
        2017/9/21 14:35:03

        页眉页脚是浏览器的事,IE浏览器设置--打印--页面设置,页眉页脚选择空就好了。

        不同浏览器设置的地方不同,慢慢找一下。

        昵称什么的最讨厌了0
        2017/10/27 15:56:39

        好的 已经找到了 谢谢

    回复
    yBoy 0
    2017/9/11 14:29:50
取消回复