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

最新推荐文章于 2025-04-14 09:46:46 发布

fukaiit

最新推荐文章于 2025-04-14 09:46:46 发布

阅读量8.1k

点赞数 2

分类专栏：其它文章标签：打印 jQuery.print.js

本文链接：https://blog.csdn.net/fukaiit/article/details/79406114

版权

其它专栏收录该内容

7 篇文章

订阅专栏

1. 官方网址

下载jQuery.print.js、配置参数介绍、官方Demo

2. 简介：

jQuery.print是一款简单易容且功能强大的网页内容打印jQuery插件。该网页打印插件可以打印指定区域的网页元素，可以指定跳过不打印某些元素，还可以打印整个页面内容。并且提供了丰富的打印参数设置。

3. 浏览器兼容性：

Google Chrome - v 20, 26, 48, 55
Internet Explorer - v 10, 11
Firefox - v 35

4. 使用方法：

（1）引入jQuery和jquery.print.js文件

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

（2）打印

$("#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()
});

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