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中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})
这篇文章主要介绍了关于jQuery中animate()的使用方法及解决$("body").animate({"scrollTop":top})不被Firefox支持的问题,文中介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。2017-04-04初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能
SageCRM的查询条件屏幕的条件比较多,会占用界面,用户希望首先显示常用的查询条件,然后点击展开的按钮,可以看到一些不常用的查询条件2011-12-12用jquery实现学校的校历(asp.net+jquery ui 1.72)
学校日历有以下几个特点:1显示本周是本学期的第几周;2显示今日事件;3特殊显示有事件的日期,点击该日期显示本日事件。2010-01-01jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
这篇文章主要介绍了jQuery实现的Tab滑动选项卡及图片切换效果小结,实例总结了几种常见的tab切换效果,包括鼠标点击切换、滑过切换、定时自动切换等,非常具有实用价值,需要的朋友可以参考下2015-09-09javascript loadScript异步加载脚本示例讲解
本文讲解了javascript异步加载脚本并触发回调函数的方法,在加载远程数据的时候可以用到,下面提供代码示例和源码2013-11-11
最新评论