web的各种前端打印方法之jquery打印插件jqprint实现网页打印


Posted in Javascript onJanuary 09, 2013

web的打印方法具我自己懂得知道的有:

1、JQuery插件Jqprint实现
2、JQery打印插件PrintArea实现网页打印
3、CSS控制网页打印样式

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

<script language="javascript" src="jquery-1.7.1.min.js"></script> 
<script language="javascript" src="jquery.jqprint.js"></script>html代码:

<div class="my_show"> 
这个打印时是显示的 
</div> 
<div class="my_hidden"> 
这个打印时是隐藏的。 
</div> 
<input type="button" id="print"/>

javascript代码
<script type="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 相关文章推荐
在html页面中包含共享页面的方法
Oct 24 Javascript
JavaScript 脚本将当地时间转换成其它时区
Mar 19 Javascript
javascript + jquery实现定时修改文章标题
Mar 19 Javascript
Javascript基础教程之变量
Jan 18 Javascript
js console.log打印对像与数组用法详解
Jan 21 Javascript
BootStrap selectpicker
Jun 20 Javascript
jquery精度计算代码 jquery指定精确小数位
Feb 06 Javascript
使用react-router4.0实现重定向和404功能的方法
Aug 28 Javascript
js链表操作(实例讲解)
Aug 29 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
Dec 22 Javascript
重学 JS:为啥 await 不能用在 forEach 中详解
Apr 15 Javascript
JS数组的高级使用方法示例小结
Mar 14 Javascript
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
Jan 09 #Javascript
实现web打印的各种方法介绍及实现代码
Jan 09 #Javascript
js去除重复字符串两种实现方法
Jan 09 #Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
Jan 09 #Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
Jan 09 #Javascript
一行代码实现纯数据json对象的深度克隆实现思路
Jan 09 #Javascript
javascript parseInt() 函数的进制转换注意细节
Jan 08 #Javascript
You might like
php中adodbzip类实例
2014/12/08 PHP
Yii中实现处理前后台登录的新方法
2015/12/28 PHP
PHP实现基于mysqli的Model基类完整实例
2016/04/08 PHP
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
JavaScript NaN和Infinity特殊值 [译]
2012/09/20 Javascript
EXTjs4.0的store的findRecord的BUG演示代码
2013/06/08 Javascript
js实现简单的星级选择器提交效果适用于评论等
2013/10/18 Javascript
node.js使用nodemailer发送邮件实例
2014/03/10 Javascript
Javascript中typeof 用法小结
2015/05/12 Javascript
用JS实现图片轮播效果代码(一)
2016/06/26 Javascript
JavaScript中Array对象用法实例总结
2016/11/29 Javascript
10道典型的JavaScript面试题
2017/03/22 Javascript
Angular2.js实现表单验证详解
2017/06/23 Javascript
Angular X中使用ngrx的方法详解(附源码)
2017/07/10 Javascript
Angular 作用域scope的具体使用
2017/12/11 Javascript
浅谈Vue SPA 首屏加载优化实践
2017/12/15 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
2018/09/18 Javascript
浅谈vue项目打包优化策略
2018/09/29 Javascript
JavaScript之数组扁平化详解
2019/06/03 Javascript
[43:35]TI4 循环赛第二日Liquid vs Fnatic
2014/07/11 DOTA
[01:00] DOTA2英雄背景故事第五期之重力引力法则谜团
2020/07/16 DOTA
Python实现将Excel转换成为image的方法
2018/10/23 Python
Pytorch Tensor 输出为txt和mat格式方式
2020/01/03 Python
pytorch梯度剪裁方式
2020/02/04 Python
Python的赋值、深拷贝与浅拷贝的区别详解
2020/02/12 Python
Python抓包并解析json爬虫的完整实例代码
2020/11/03 Python
香蕉共和国加拿大官网:Banana Republic加拿大
2018/08/06 全球购物
买卖正宗运动鞋:GOAT
2019/12/06 全球购物
《充气雨衣》教学反思
2014/04/07 职场文书
大学毕业寄语大全
2014/04/10 职场文书
政府四风问题整改措施
2014/10/04 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书
司法局群众路线教育实践活动开展情况总结
2014/10/25 职场文书
2015年化妆品销售工作总结
2015/05/11 职场文书
小学见习报告
2015/06/23 职场文书
详解JavaScript中Arguments对象用途
2021/08/30 Javascript