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对象 |