手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
摘要:第一步: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。

【web的各种前端打印方法之jquery打印插件PrintArea实现网页打印】相关文章:

jQuery的Scrollify插件实现滑动到页面下一节点

AngularJS身份验证的方法

jQuery插件pagewalkthrough实现引导页效果

jquery插件validation实现验证身份证号等

js脚本学习 比较实用的基础

js实现文本框选中的方法

如果文字过长,则将过长的部分变成省略号显示

基于jQuery插件实现环形图标菜单旋转切换特效

jQuery插件实现适用于移动端的地址选择器

AngularJS 2.0新特性有哪些

精品推荐
分类导航