快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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://6mz.cn/article/pesjh.html

其他资讯