在进行网页开发中不可避免会使用到打印功能,下面就来学习一下一款简单易用的插件吧!
登录网址https://github.com/DoersGuild/jQuery.print,下载js文件,进行简单的配置即可使用啦!
配置参数
你可以在调用打印方法时传入一些参数:
$(
"#myElementId"
).print({
globalStyles:
true
,//是否包含父文档的样式,默认为true
mediaPrint:
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:
具体官方demo可以登录网址https://github.com/DoersGuild/jQuery.print学习,
或者登录http://www.htmleaf.com/jQuery/Form/201505231890.html学习,注意这个网址的demo不全面,推荐学习官方的