jQuery简单易用的网页内容打印插件jQuery.print

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

 79590  454  查看评论 (28)
分享到微信朋友圈
X
jQuery简单易用的网页内容打印插件jQuery.print ie兼容10

使用方法

使用该网页打印插件要引入jQuery和jquery.print.js文件。

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.print.js"></script>

jQuery版本已经在1.7.2和1.9.1版本中做过测试。其它版本请自行测试。

 打印内容

可以像下面这样使用来打印页面内容。

$("#myElementId").print(/*options*/);

或者:

$.print("#myElementId" /*, options*/);

 配置参数

你可以在调用打印方法时传入一些参数:

$("#myElementId").print({
	globalStyles: true,
	mediaPrint: false,
	stylesheet: null,
	noPrintSelector: ".no-print",
	iframe: true,
	append: null,
	prepend: null,
	manuallyCopyFormValues: true,
	deferred: $.Deferred()
});
参数默认值接收值描述
globalStylestrueBoolean是否包含父文档的样式
mediaPrintfalseBoolean是否包含media='print'的链接标签。会被globalStyles选项覆盖
stylesheetnullURL-string外部样式表的URL地址
noPrintSelector".no-print"任何可用的jQuery选择器不想打印的元素的jQuery选择器
iframe默认true,如果没有iframe选择器被传入会创建一个隐藏的iframe任何可用的jQuery选择器或Boolean是否使用一个iframe来替代打印表单的弹出窗口
append/prependnullBoolean是否将用户更新的表单输入框内容作为打印内容(通过迭代每一个表单元素来实现)
deferred$.Deferred()任何可用的jQuery.Deferred对象当打印函数被调用时的jQuery.Deferred对象

 浏览器兼容

该网页打印插件已经在下面的浏览器中测试通过。

Google Chrome - v 20, 26Internet Explorer - v 10

相关插件-独立的部件

CSS3开关切换按钮

多组超具创意的CSS3开关切换按钮
  独立的部件
 41081  498

jQueryShare分享插件支持微信分享

jQueryShare实现弹出层分享插件修改版,支持微信分享
  独立的部件
 60487  472

jQuery实现弹幕实例

一个很好用的实例,适合新手
  独立的部件
 29281  332

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

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

讨论这个项目(28)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    裂谷情.... 0
    2022/9/30 10:53:58
    加载弹窗时,打印把父窗的内容也打印出来了,怎么办 回复
    For better life 0
    2021/8/19 10:01:18
    怎么设置分页啊 回复
    初心 。 0
    2020/1/9 17:22:38
    A5纸张怎么横向打印出来呢? 回复
    毛巾纺织ERP生产管理系统 0
    2019/12/14 10:10:37
    Uncaught TypeError: $.Deferred is not a function
    一直提示这个,怎么回事? 回复
    £o'SupermanGin 0
    2019/5/25 20:49:37
    背景颜色不能打印吗? 回复
    hardworking 0
    2019/3/29 11:50:20
    怎么在新窗口中打印呢
        hardworking0
        2019/3/29 13:12:27
        :false,
    回复
    卡卡 0
    2018/3/20 10:42:51
    支持分页数据的打印么? 回复
    QAQ-TnT 0
    2018/2/5 11:52:18

    大佬们用的什么单位写样式的pxcminpt

        QAQ-TnT0
        2018/2/5 11:53:40

        我的标点符号呢 pxcminpt你们用的哪种

    回复
    枫立依燃 0
    2018/1/27 17:25:53

    怎么去掉页面的页脚的Url地址和页眉时间

        microsoftvs0
        2018/1/27 22:19:51

        在打印设置里,更多设置,把页眉和页脚的勾点掉就行了。

    回复
    好用还美 0
    2017/12/2 21:16:10

    怎么去页脚

        cy93dan0
        2018/1/23 18:09:01

        body{margin:0}页眉和页脚就去掉了

        枫立依燃0
        2018/1/27 16:58:13

        js中 $iframe.appendTo("body");添加这个body添加样式吗??去不掉呀!

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复