简要教程
jQuery.print是一款简单易容且功能强大的网页内容打印jQuery插件。该网页打印插件可以打印指定区域的网页元素,可以指定跳过不打印某些元素,还可以打印整个页面内容。并且提供了丰富的打印参数设置。
使用方法
使用该网页打印插件要引入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()
});
|
参数 | 默认值 | 接收值 | 描述 |
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 | 是否使用一个iframe来替代打印表单的弹出窗口 |
append/prepend | null |
Boolean | 是否将用户更新的表单输入框内容作为打印内容(通过迭代每一个表单元素来实现) |