一款很好用的Jquery 打印插件——jQuery.print.js

在进行网页开发中不可避免会使用到打印功能,下面就来学习一下一款简单易用的插件吧!

登录网址https://github.com/DoersGuild/jQuery.print,下载js文件,进行简单的配置即可使用啦!

配置参数

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

$( "#myElementId" ).print({
     globalStyles: true ,//是否包含父文档的样式,默认为true
     mediaPrint: false ,//是否包含media='print'的链接标签。会被globalStyles选项覆盖,默认为false
     stylesheet: null ,//外部样式表的URL地址,默认为null
     noPrintSelector: ".no-print" ,//不想打印的元素的jQuery选择器,默认为".no-print"
     iframe: true ,//是否使用一个iframe来替代打印表单的弹出窗口,true为在本页面进行打印,false就是说新开一个页面打印,默认为true
     append: null ,// 将内容添加到打印内容的后面
     prepend: null ,//将内容添加到打印内容的前面,可以用来作为要打印内容
     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 是否将用户更新的表单输入框内容作为打印内容(通过迭代每一个表单元素来实现)

附上一个简单的demo:

下载线路1

备选线路2

备选线路3

具体官方demo可以登录网址https://github.com/DoersGuild/jQuery.print学习,

或者登录http://www.htmleaf.com/jQuery/Form/201505231890.html学习,注意这个网址的demo不全面,推荐学习官方的

你可能感兴趣的:(jquery,插件,打印,前端)