jQuery.print网页内容打印jQuery插件

喜欢ヅ旅行 2022-05-28 03:28 334阅读 0赞
简要教程

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 是否将用户更新的表单输入框内容作为打印内容(通过迭代每一个表单元素来实现)
deferred $.Deferred() 任何可用的jQuery.Deferred对象 当打印函数被调用时的jQuery.Deferred对象

浏览器兼容

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

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

更多关于该网页打印插件的最新信息请参考:https://github.com/DoersGuild/jQuery.print

本文版权属于jQuery之家,转载请注明出处:http://www.htmleaf.com/jQuery/Form/201505231890.html

发表评论

表情:
评论列表 (有 0 条评论,334人围观)

还没有评论,来说两句吧...

相关阅读