jquery实现区域打印
2012-10-24 15:42
211 查看
使用CSS控制打印样式,需要设置样式media="print",并且将页面中不需要打印的元素的样式display属性设置为none。如DEMO中,我将页头页脚及其他不需要打印的元素的样式设置如下:
用jQuery打印插件printArea.js
DEMO中有这样一段代码:
当单击打印按钮时,调用件printArea.js插件。该插件还提供了一些参数可配置,使用方法:$(element).printArea(option)。
参数设置:
1、mode:模式,当点击打印按钮时触发模式,默认为iframe,当设置为popup则会新开一个窗口页面打印。
2、popTitle:设置新开窗口的标题,默认为空。
3、popClose:完成打印后是否关闭窗口,默认为false。
PS:IE浏览器打印页面取出页眉页脚网址的方法:文件->页面设置,将页面和页脚的输入框清空即可。
<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插件实现打印指定区域功能
- jquery/js 实现 标签 条码 一维码 Web页面 区域打印解决方案 实例
- jquery/js 实现 标签 条码 一维码 Web页面 区域打印解决方案 实例
- jQuery实现区域打印功能代码详解
- jQuery插件PrintArea实现javascript打印页面某区域功能
- web页面实现指定区域打印功能
- C#实现无物理边距真正可打印区域的绘图\打印程序开发
- C#实现无物理边距真正可打印区域的绘图\打印程序开发
- 使用jquery.jqprint.js 实现的打印功能,IE9不能进行打印预览、火狐打印空白界面
- 实现Web区域打印页面内容
- jQuery 实现改变图片指定区域的颜色
- javascript实现打印指定区域的内容
- js或jquery实现页面打印可局部打印
- jQuery插件jquery-barcode实现条码打印的方法
- jquery实现在网页指定区域显示自定义右键菜单效果
- 利用javascript实现web页面中指定区域打印
- 使用jquery+CSS实现控制打印样式
- jQuery插件---打印及打印固定区域
- 基于jQuery实现文字打印动态效果