实现web打印的各种方法介绍及实现代码


Posted in Javascript onJanuary 09, 2013

wed的打印方法具我自己懂得知道的有:
1、JQuery插件Jqprint实现
2、JQery打印插件PrintArea实现网页打印
3、CSS控制网页打印样式

JQuery插件Jqprint实现
首先要导入js文件:
jquery.jqprint.js下载

<scriptlanguage="javascript"src="jquery-1.7.1.min.js"></script> 
<scriptlanguage="javascript"src="jquery.jqprint.js"></script>

html代码
<divclass="my_show"> 
这个打印时是显示的 
</div> 
<divclass="my_hidden"> 
这个打印时是隐藏的。 
</div> 
<inputtype="button"id="print"/>

javascript代码
<scripttype="text/javascript"> 
$(document).ready(function(){ 
$("#print").click(function(){ 
$(".my_show").jqprint(); 
}) 
}); 
</script>

该插件还提供了一些参数可配置,
{ 
debug:false,//如果是true则可以显示iframe查看效果(iframe默认高和宽都很小,可以再源码中调大),默认是false 
importCSS:true,//true表示引进原来的页面的css,默认是true。(如果是true,先会找$(“link[media=print]“),若没有会去找$(“link”)中的css文件) 
printContainer:true,//表示如果原来选择的对象必须被纳入打印(注意:设置为false可能会打破你的CSS规则)。 
operaSupport:true//表示如果插件也必须支持歌opera浏览器,在这种情况下,它提供了建立一个临时的打印选项卡。默认是true 
}

而我自己使用到的只有importCSS:原始页面中的链接将导入到iframe。第一次它媒体searchs=打印,如果没有,将导入的正常的css文件。

importCSS示例

$('.my_show').jqprint({ 
importCSS://CSS样式文件 
});
Javascript 相关文章推荐
dojo随手记 gird组件引用
Feb 24 Javascript
javascript中的继承实例代码
Apr 27 Javascript
javascript中onmouse事件在div中失效问题的解决方法
Jan 09 Javascript
jQuery操作表单常用控件方法小结
Mar 23 Javascript
js调用百度地图及调用百度地图的搜索功能
Sep 07 Javascript
Bootstrap按钮组件详解
Apr 26 Javascript
vue2.0 中#$emit,$on的使用详解
Jun 07 Javascript
详解基于vue的服务端渲染框架NUXT
Jun 20 Javascript
详解vuex中action何时完成以及如何正确调用dispatch的思考
Jan 21 Javascript
Webpack 4如何动态切割JS注入文件名详解
Jul 09 Javascript
Node.js API详解之 tty功能与用法实例分析
Apr 27 Javascript
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 Vue.js
js去除重复字符串两种实现方法
Jan 09 #Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
Jan 09 #Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
Jan 09 #Javascript
一行代码实现纯数据json对象的深度克隆实现思路
Jan 09 #Javascript
javascript parseInt() 函数的进制转换注意细节
Jan 08 #Javascript
Raphael一个用于在网页中绘制矢量图形的Javascript库
Jan 08 #Javascript
jquery插件珍藏(图片局部放大/信息提示框)
Jan 08 #Javascript
You might like
一个捕获函数输出的函数
2007/02/14 PHP
php利用header函数实现文件下载时直接提示保存
2009/11/12 PHP
在Ubuntu 14.04上部署 PHP 环境及 WordPress
2014/09/02 PHP
最新最全PHP生成制作验证码代码详解(推荐)
2016/06/12 PHP
Yii 实现数据加密和解密
2021/03/09 PHP
javascript 贪吃蛇实现代码
2008/11/22 Javascript
js检查页面上有无重复id的实现代码
2013/07/17 Javascript
Vue中的Vux配置指南
2017/12/08 Javascript
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
JS中用EL表达式获取上下文参数值的方法
2018/03/28 Javascript
说说node中的可读流和可写流的区别
2018/06/01 Javascript
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
2018/09/15 Javascript
vue实现数字滚动效果
2020/06/29 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
2020/10/26 Javascript
python实现数通设备tftp备份配置文件示例
2014/04/02 Python
Python实现字典排序、按照list中字典的某个key排序的方法示例
2018/12/18 Python
python修改txt文件中的某一项方法
2018/12/29 Python
在django admin中添加自定义视图的例子
2019/07/26 Python
Python使用pymysql模块操作mysql增删改查实例分析
2019/12/19 Python
基于python实现语音录入识别代码实例
2020/01/17 Python
深入理解Tensorflow中的masking和padding
2020/02/24 Python
CSS3实现DIV圆角效果完整代码
2012/10/10 HTML / CSS
html5唤醒APP小记
2019/03/27 HTML / CSS
如何在Cookie里面保存Unicode和国际化字符
2013/05/25 面试题
机电一体化专业应届生求职信
2013/11/27 职场文书
工程质量月活动方案
2014/02/19 职场文书
2014年国庆节活动总结
2014/08/26 职场文书
红领巾心向党演讲稿
2014/09/10 职场文书
委托培训协议书
2014/11/17 职场文书
2014年财政所工作总结
2014/11/22 职场文书
2014年煤矿安全工作总结
2014/12/04 职场文书
2016年领导干部正风肃纪心得体会
2015/10/09 职场文书
2016年端午节红领巾广播稿
2015/12/18 职场文书
如何计划开一家便利店?
2019/07/31 职场文书
深入理解python多线程编程
2021/04/18 Python
Python OpenCV实现传统图片格式与base64转换
2021/06/13 Python