温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

[置顶]       wed的各种前端打印方法(2)PrintArea

发布时间:2020-07-23 21:17:51 来源:网络 阅读:684 作者:873582595 栏目:web开发

JQery打印插件PrintArea实现网页打印:

第一步:

下载jquery.PrintArea.js

js引用

1 <script language="javascript" src="jquery-1.7.1.min.js"></script>
2 <script type="text/javascript" src="jquery.PrintArea.js"></script>
html引用:


1 <div class="my_show">
2 这个是打印时显示的。
3 </div>
4 <div class="my_hidden">
5 这个是打印时隐藏的。
6 </div>
7 <input type="button" id="print"/>

javascript代码:

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

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

参数设置:

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI