wed的各种前端打印方法（2）

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

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。

转载于:https://www.cnblogs.com/laiweidong/archive/2013/01/09/2852607.html