实现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 相关文章推荐
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
Jun 14 Javascript
CSS+Jquery实现页面圆角框方法大全
Dec 24 Javascript
JavaScript.The.Good.Parts阅读笔记(二)作用域&amp;闭包&amp;减缓全局空间污染
Nov 16 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
解析JavaScript中delete操作符不能删除的对象
Dec 03 Javascript
Javascript 读取操作Sql中的Xml字段
Oct 09 Javascript
node.js中的buffer.copy方法使用说明
Dec 14 Javascript
node.js中的fs.utimes方法使用说明
Dec 15 Javascript
JavaScript计算器网页版实现代码分享
Jul 15 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
Sep 02 Javascript
jQuery实时统计输入框字数及限制
Jun 24 jQuery
如何在vue-cli中使用css-loader实现css module
Jan 07 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
Thinkphp中的curd应用实用要点
2015/01/04 PHP
php用ini_get获取php.ini里变量值的方法
2015/03/04 PHP
php基于openssl的rsa加密解密示例
2016/07/11 PHP
PHP实现笛卡尔积算法的实例讲解
2019/12/22 PHP
jQuery前台数据获取实现代码
2011/03/16 Javascript
jQuery Form 页面表单提交的小例子
2013/11/15 Javascript
JS实现根据出生年月计算年龄
2014/01/10 Javascript
JavaScript让网页出现渐隐渐显背景颜色的方法
2015/04/21 Javascript
Bootstrap每天必学之标签页(Tab)插件
2020/08/09 Javascript
浅谈JavaScript for循环 闭包
2016/06/22 Javascript
AngularJS 2.0入门权威指南
2016/10/08 Javascript
Javascript下拉刷新的简单实现
2017/02/14 Javascript
js 两个日期比较相差多少天的实例
2017/10/19 Javascript
ajax前台后台跨域请求处理方式
2018/02/08 Javascript
JavaScript设计模式之职责链模式应用示例
2018/08/07 Javascript
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
2019/12/16 Javascript
python3.3实现乘法表示例
2014/02/07 Python
Python判断文本中消息重复次数的方法
2016/04/27 Python
Win10下Python环境搭建与配置教程
2016/11/18 Python
pandas去除重复列的实现方法
2019/01/29 Python
详解Python3定时器任务代码
2019/09/23 Python
Python连接HDFS实现文件上传下载及Pandas转换文本文件到CSV操作
2020/06/06 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
Bath & Body Works阿联酋:在线购买沐浴和身体用品
2021/02/27 全球购物
C#笔试题
2015/07/14 面试题
办公室文秘自我评价
2013/09/21 职场文书
幼儿园大班评语大全
2014/04/17 职场文书
如何写求职信
2014/05/24 职场文书
党员干部学法用法心得体会
2016/01/21 职场文书
2016年春季趣味运动会开幕词
2016/03/04 职场文书
ORACLE数据库对long类型字段进行模糊匹配的解决思路
2021/04/07 Oracle
Python生成九宫格图片的示例代码
2021/04/14 Python
mybatis-plus模糊查询指定字段
2022/04/28 Java/Android
Python Flask实现进度条
2022/05/11 Python
Redis配置外网可访问(redis远程连接不上)的方法
2022/12/24 Redis