实现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 相关文章推荐
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
Feb 04 Javascript
js 表单提交后按钮变灰的实例代码
Aug 16 Javascript
深入领悟JavaScript中的面向对象
Nov 18 Javascript
JavaScript打印网页指定区域的例子
May 03 Javascript
Javascript中的包装类型介绍
Apr 02 Javascript
简介JavaScript中search()方法的使用
Jun 06 Javascript
node.js读取文件到字符串的方法
Jun 29 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
May 26 Javascript
react-router4 嵌套路由的使用方法
Jul 24 Javascript
vue.js评论发布信息可插入QQ表情功能
Aug 08 Javascript
80行代码写一个Webpack插件并发布到npm
May 24 Javascript
简单聊聊TypeScript只读修饰符
Apr 06 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
解析PHP实现下载文件的两种方法
2013/07/05 PHP
CI框架装载器Loader.php源码分析
2014/11/04 PHP
基于PHP+jQuery+MySql实现红蓝(顶踩)投票代码
2015/08/25 PHP
PHP设置头信息及取得返回头信息的方法
2016/01/25 PHP
Prototype使用指南之array.js
2007/01/10 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
2010/08/12 Javascript
javascript获取函数名称、函数参数、对象属性名称的代码实例
2014/04/12 Javascript
jQuery聚合函数实例
2015/05/21 Javascript
js密码强度检测
2016/01/07 Javascript
微信小程序入门教程
2016/11/18 Javascript
JS判断一个数是否是水仙花数
2017/06/11 Javascript
JS实现点击Radio动态更新table数据
2017/07/18 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
2018/06/19 Javascript
angular2 ng2-file-upload上传示例代码
2018/08/23 Javascript
对类Vue的MVVM前端库的实现代码
2018/09/07 Javascript
nodejs实现范围请求的实现代码
2018/10/12 NodeJs
vue@cli3项目模板怎么使用public目录下的静态文件
2020/07/07 Javascript
详解Python的Flask框架中的signals信号机制
2016/06/13 Python
python lambda表达式(匿名函数)写法解析
2019/09/16 Python
python 实现一个简单的线性回归案例
2020/12/17 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
女士时装鞋:Chinese Laundry
2018/08/29 全球购物
Sisley法国希思黎中国官网:享誉全球的奢华植物美容品牌
2019/06/30 全球购物
巴西最大的玩具连锁店:Ri Happy
2020/06/17 全球购物
华为C++笔试题
2014/08/05 面试题
一套C++笔试题面试题
2012/06/06 面试题
网络信息安全承诺书
2014/03/26 职场文书
建筑投标担保书
2014/05/20 职场文书
民警个人对照检查剖析材料
2014/09/17 职场文书
师德师风建设整改措施思想汇报
2014/10/11 职场文书
小学生思想品德评语
2014/12/31 职场文书
暂停营业通知
2015/04/25 职场文书
我是特种兵观后感
2015/06/11 职场文书
高中生军训感言
2015/08/01 职场文书
学校财务管理制度
2015/08/04 职场文书
话题作文之呼唤
2019/12/18 职场文书