wed的各种前端打印方法(2)-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

wed的各种前端打印方法(2)-创新互联

JQery打印插件PrintArea实现网页打印:wed的各种前端打印方法(2)

第一步:

创新互联公司-专业网站定制、快速模板网站建设、高性价比宁安网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式宁安网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖宁安地区。费用合理售后完善,十余年实体公司更值得信赖。

jquery.PrintArea.js下载

js引用

1  
2 

html引用:

1 2 这个是打印时显示的。
3 
4 5 这个是打印时隐藏的。 6
7

javascript代码:

View Code
1 $(document).ready(function(){
2 $("#print").click(function(){
3 $(".my_show").printArea();
4 });
5 });

这个插件还提供了一些参数可配置,使用的方法:$(element).printArea(option).

这个方法我自己没有用过,大家尝试是,有问题的留言哈。

参数设置:

  1. mode:模式,当点击打印按钮时触发模式,默认为iframe,当设置为popup则会新开一个窗口页面打印。
  2. popTitle:设置新开窗口的标题,默认为空。
  3. popClose:完成打印后是否关闭窗口,默认为false。

当前文章:wed的各种前端打印方法(2)-创新互联
转载源于:http://kswsj.cn/article/pesjh.html

其他资讯