- 时间:2022-05-09 10:48 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
[b]第一步[/b]:
[url=http://xiazai.jb51.net/201301/yuanma/printarea_jb51.rar]jquery.PrintArea.js下载
[/url][b]js引用[/b]
<script language="javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.PrintArea.js"></script>
[b]html引用[/b]:
<div class="my_show">
这个是打印时显示的。
</div>
<div class="my_hidden">
这个是打印时隐藏的。
</div>
<input type="button" id="print"/>
[b]javascript代码[/b]:
$(document).ready(function(){
$("#print").click(function(){
$(".my_show").printArea();
});
});
这个插件还提供了一些参数可配置,使用的方法:$(element).printArea(option).
这个方法我自己没有用过,大家尝试是,有问题的留言哈。
[b]参数设置[/b]:
1.mode:模式,当点击打印按钮时触发模式,默认为iframe,当设置为popup则会新开一个窗口页面打印。
2.popTitle:设置新开窗口的标题,默认为空。
3.popClose:完成打印后是否关闭窗口,默认为false。