实现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 相关文章推荐
JavaScript中yield实用简洁实现方式
Jun 12 Javascript
用js解决数字不能换行问题
Aug 10 Javascript
JS获取当前日期和时间的简单实例
Nov 19 Javascript
浅谈Javascript Base64 加密解密
Dec 28 Javascript
移动端横屏的JS代码(beta)
May 16 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
Oct 04 Javascript
easy ui datagrid 从编辑框中获取值的方法
Feb 22 Javascript
使用jquery的jsonp如何发起跨域请求及其原理详解
Aug 17 jQuery
你应该知道的几类npm依赖包管理详解
Oct 06 Javascript
使用ngrok+express解决本地环境中微信接口调试问题
Feb 26 Javascript
vue项目中应用ueditor自定义上传按钮功能
Apr 27 Javascript
javascript利用键盘控制小方块的移动
Apr 20 Javascript
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
ThinkPHP关联模型操作实例分析
2012/09/23 PHP
说明你的Javascript技术很烂的五个原因
2011/04/26 Javascript
基于jQuery的图片左右无缝滚动插件
2012/05/23 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
2016/12/12 Javascript
jQuery中的on与bind绑定事件区别实例详解
2017/02/28 Javascript
浅谈JavaScript正则表达式-非捕获性分组
2017/03/08 Javascript
vue-cli如何快速构建vue项目
2017/04/26 Javascript
validationEngine 表单验证插件使用实例代码
2017/06/15 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
2017/10/19 jQuery
swiper动态改变滑动内容的实现方法
2018/01/17 Javascript
vue2.0组件之间传值、通信的多种方式(干货)
2018/02/10 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
2018/07/30 Javascript
ES6 新增的创建数组的方法(小结)
2019/08/01 Javascript
node.js开发辅助工具nodemon安装与配置详解
2020/02/06 Javascript
vue实现打地鼠小游戏
2020/08/21 Javascript
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
Python 多线程的实例详解
2017/09/07 Python
python3实现域名查询和whois查询功能
2018/06/21 Python
python爬虫之快速对js内容进行破解
2019/07/09 Python
使用Keras加载含有自定义层或函数的模型操作
2020/06/10 Python
python pandas dataframe 去重函数的具体使用
2020/07/20 Python
浅谈CSS3鼠标移入图片动态提示效果(transform)
2017/11/06 HTML / CSS
孤独星球出版物:Lonely Planet Publications
2018/03/17 全球购物
Camille Jewelry官网:现代女性时尚首饰
2019/07/07 全球购物
求职信内容考虑哪几点
2013/10/05 职场文书
四年的大学生生活自我评价
2013/12/09 职场文书
客户服务经理岗位职责
2014/01/29 职场文书
投标担保书范文
2014/04/02 职场文书
《沙漠中的绿洲》教学反思
2014/04/24 职场文书
毕业生应聘求职信
2014/07/10 职场文书
2014年教务工作总结
2014/12/03 职场文书
门卫岗位职责
2015/02/09 职场文书
邮政营业员岗位职责
2015/04/14 职场文书
承诺书范本大全
2015/05/04 职场文书
2016年3月份红领巾广播稿
2015/12/21 职场文书
2019关于实习生工作安排及待遇的管理方案!
2019/07/16 职场文书