第一步： jquery.PrintArea.js下载 js引用 复制代码 代码如下: <script language="javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery.PrintArea.js"></script> html引用： 复制代码 代码如下: <div class="my_show"> 这个是打印时显示的。 </div> <div class="my_hidden"> 这个是打印时隐藏的。 </div> <input type="button" id="print"/> javascript代码： 复制代码 代码如下: $(document).ready(function(){ $("#print").click(function(){ $(".my_show").printArea(); }); }); 这个插件还提供了一些参数可配置，使用的方法：$（element).printArea(option). 这个方法我自己没有用过，大家尝试是，有问题的留言哈。 参数设置： 1.mode：模式，当点击打印按钮时触发模式，默认为iframe，当设置为popup则会新开一个窗口页面打印。 2.popTitle：设置新开窗口的标题，默认为空。 3.popClose：完成打印后是否关闭窗口，默认为false。

　　推荐阅读

　　jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)

对于 Boxy弹出框的使用之前写过一些文章（查看jquery.boxy基础），今天主要是在解决一个需要之后，觉得值得把它记录下来，所以就再写一篇，主要功能是，在弹出对话框后，隔N秒后自动隐藏，还有就是自动跳转！ 效果>>>详细阅读

本文标题：web的各种前端打印方法之jquery打印插件PrintArea实现网页打印

地址：http://www.17bianji.com/kaifa2/JS/22512.html

 1/2    1