您现在的位置是:首页 > 网站建设常见问答网站建设常见问答
一款很好用的Jquery 打印插件——jQuery.print.js
2018-05-23【网站建设常见问答】2044 人已围观
简介在进行网页开发中不可避免会使用到打印功能,下面就来学习一下一款简单易用的插件吧!登录网址https://github.com/DoersGuild/jQuery...
在进行网页开发中不可避免会使用到打印功能,下面就来学习一下一款简单易用的插件吧!
登录网址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可以登录网址https://github.com/DoersGuild/jQuery.print学习,
或者登录http://www.htmleaf.com/jQuery/Form/201505231890.html学习,注意这个网址的demo不全面,推荐学习官方的
殷雯小编总结. 抛开使用打印控件使用js jquery来实现web打印,在对付一些小项目时还是很实用的, 大大减少了客户的成本.一个打印控件少则几千,多了几万授权也是有的. 不过功能复杂的环境下还是有点不尽如人意.
关注宁波网站建设博客,更多精彩分享,敬请期待!
Tags:
很赞哦! ()
相关文章
随机图文
-
base64_decode编码遇到的加号问题
今天在一个项目里遇到了一个奇怪的问题。项目需求在地址栏里对中文进行编码传送,防止一些数据暴露给客户(当然懂一点程序的人员还是很容易对base... -
不对称设计在网站建设中使用
不对称设计技术可以非常直观有趣和创建不同的焦点。 不对称仅仅是缺乏对称性,但不对称并没有缺乏平衡与和谐。 不对称和对称的设计都可以创... -
收集一些php常用img图像函数集
同学颤抖吧,PHP的GD是相当的丰富,有人能全部背出功能吗?! 我是不行,今天罗列PHP对图像处理的常用函数如下: gd_info函数:... -
网页中边框和底色设计技巧
本文是基础性的设计探讨文章,请大侠和高手绕道,菜鸟停留片刻。我们看过很多设计师的教程文章,大家都用分解的方法来说明设计的效果。 比如:一个...