web的各种前端打印方法之jquery打印插件PrintArea实现网页打印_Javascript教程-查字典教程网
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
发布时间:2016-12-30 来源:查字典编辑
摘要:第一步:jquery.PrintArea.js下载js引用复制代码代码如下:html引用:复制代码代码如下:这个是打印时显示的。这个是打印时...

第一步:

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>

这个是打印时显示的。

</div>

<div>

这个是打印时隐藏的。

</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。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类