web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
更新时间：2013年01月09日 16:25:30 作者：
jquery打印插件PrintArea实现网页打印,不可思议吧，接下来为您介绍它的使用方法及操作步骤，感兴趣的朋友可以了解下
第一步：
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.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(跨)iframe操作DOM的示例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要为大家详细介绍了jquery实现点击按钮显示与隐藏效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要介绍了jQuery横向擦除焦点图特效，一个具有自己特色的焦点图会吸引用户的注意力，让用户产生浏览网站的兴趣至关重要，现在小编推荐给大家一款特别棒的焦点图，感兴趣的小伙伴可以参考下。2015-09-09
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )，需要的朋友可以参考下。2011-10-10
ashx文件与.aspx文件类似，可以通过它来调用HttpHandler类。下面与大家介绍下jquery访问ashx文件的过程2014-08-08
Jquery加载时从后台读取数据绑定到dropdownList实例
从后台读取数据绑定到dropdownList，option选项value动态赋值，具体实现如下，感兴趣的朋友可以参考下哈2013-06-06
这篇文章主要介绍了jquery中filter方法用法,实例分析了filter方法的功能并对比了与find方法的区别,需要的朋友可以参考下2015-02-02
jquery中html、val与text三者属性取值的联系与区别介绍
本文为大家详细介绍下jquery中，html、val与text三者属性取值的联系与区别，下面有个不错的示例，感兴趣的朋友不要错过2013-12-12
这篇文章主要为大家详细介绍了前端笔记之jquery部分，jQuery是一个兼容多浏览器的javascript库2016-05-05
这篇文章主要为大家详细介绍了基于jQuery的时间戳与日期间的转化，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
最新评论