jQuery实现区域打印功能代码详解
更新时间：2016年06月17日 11:28:08 作者：liuliujingjing
这篇文章主要介绍了jQuery实现区域打印功能代码详解的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
使用CSS控制打印样式，需要设置样式media="print"，并且将页面中不需要打印的元素的样式display属性设置为none。如DEMO中，我将页头页脚及其他不需要打印的元素的样式设置如下：
<style type="text/css" media="print">
#header,.top_title,#jqprint,#footer,#cssprint h3{display:none}
</style>
用jQuery打印插件printArea.js
$(function(){
$("#print_btn").click(function(){
$("#my_area").printArea();
});
});
DEMO中有这样一段代码：
<p><a href="#" id="print_btn">点击这里打印>></a></p> <div id="my_area"> ...打印区域...<br/> </div>
当单击打印按钮时，调用件printArea.js插件。该插件还提供了一些参数可配置，使用方法：$(element).printArea(option)。
参数设置：
1、mode：模式，当点击打印按钮时触发模式，默认为iframe，当设置为popup则会新开一个窗口页面打印。
2、popTitle：设置新开窗口的标题，默认为空。
3、popClose：完成打印后是否关闭窗口，默认为false。
PS：IE浏览器打印页面取出页眉页脚网址的方法：文件->页面设置，将页面和页脚的输入框清空即可。
以上所述是小编给大家介绍的jQuery实现区域打印功能代码详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要为大家详细介绍了jQuery手风琴的简单制作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
性能优化遇到很多细节问题(for与each性能比较)记录下来分享给大家，希望对你有所帮助2013-05-05
这篇文章主要为大家介绍了jquery调整表格行tr上下顺序实例，具有一定的参考价值，感兴趣的朋友可以参考一下2016-01-01
下面小编就为大家带来一篇深入理解$.each和$(selector).each。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要为大家详细介绍了jQuery实现HTML元素隐藏和显示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
由于Html里只有input元素拥有maxlength属性，而textarea没有,所以以前对于文本框字数限制做了很多方案的解决，但是都不太完美。2009-11-11
在使用jquery操作js时，经常弄不明白this与$(this)。最近不是很忙，抽空仔细研究了一下，记录下来以供在忘记的时候拉出来参考参考！2014-11-11
在鼠标经过的时候不停的显示隐藏html元素，正确的写法应该是下面这样的,需要的朋友可以参考下2014-03-03
这一句是载页面载入时，显示正在载入动画效果，但是极大影响了程序开发里的调试。给新手的建议，希望可以参考下2013-07-07
jquery是一个js插件库,现在很多前端开发人员都是使用它来操作dom的,对于dom操作,jquery提供了很多方法,这篇文章主要给大家介绍了关于jquery给元素设置属性的简单方法,需要的朋友可以参考下2023-06-06
最新评论