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 相关文章推荐
JSONP 跨域访问代理API-yahooapis实现代码
Dec 02 Javascript
jQuery结合ajax实现动态加载文本内容
May 19 Javascript
在JavaScript中使用对数Math.log()方法的教程
Jun 15 Javascript
JS实现中国公民身份证号码有效性验证
Feb 20 Javascript
详解Angular 4.x NgIf 的用法
May 22 Javascript
Javascript ES6中对象类型Sets的介绍与使用详解
Jul 17 Javascript
在Vue项目中使用d3.js的实例代码
May 01 Javascript
Vue加载组件、动态加载组件的几种方式
Aug 31 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
Jun 21 Javascript
Vue Router的手写实现方法实现
Mar 02 Javascript
解决Echarts2竖直datazoom滑动后显示数据不全的问题
Jul 20 Javascript
四十九个javascript小知识实用技巧
Nov 20 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 面向对象实现代码
2009/11/11 PHP
CodeIgniter配置之database.php用法实例分析
2016/01/20 PHP
关于laravel-admin ueditor 集成并解决刷新的问题
2019/10/21 PHP
封装好的省市地区联动控件附下载
2007/08/13 Javascript
基于jquery的一个图片hover的插件
2010/04/24 Javascript
基于JQuery实现CheckBox全选全不选
2011/06/27 Javascript
基于jQuery实现图片的前进与后退功能
2013/04/24 Javascript
js中parseInt函数浅谈
2013/07/31 Javascript
JS保留两位小数 四舍五入函数的小例子
2013/11/20 Javascript
Javascript中的匿名函数与封装介绍
2015/03/15 Javascript
关于cookie的初识和运用(js和jq)
2016/04/07 Javascript
纯JS实现可拖拽表单的简单实例
2016/09/02 Javascript
讲解vue-router之什么是动态路由
2018/05/28 Javascript
vue地址栏直接输入路由无效问题的解决
2018/11/15 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
2019/09/02 Javascript
js this 绑定机制深入详解
2020/04/30 Javascript
[51:44]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第二场
2018/04/04 DOTA
linux系统使用python获取内存使用信息脚本分享
2014/01/15 Python
使用Python爬了4400条淘宝商品数据,竟发现了这些“潜规则”
2018/03/23 Python
python指定写入文件时的编码格式方法
2018/06/07 Python
浅谈Python里面小数点精度的控制
2018/07/16 Python
Python调用C++,通过Pybind11制作Python接口
2018/10/16 Python
python简单验证码识别的实现方法
2019/05/10 Python
CSS3哪些新特性值得称赞
2016/03/02 HTML / CSS
一道输出判断型Java面试题
2014/10/01 面试题
两只小狮子教学反思
2014/02/05 职场文书
弘扬焦裕禄精神走群众路线思想汇报
2014/09/12 职场文书
2014学习十八届四中全会精神思想汇报范文
2014/10/23 职场文书
2015年学校团委工作总结
2015/05/26 职场文书
一百条裙子读书笔记
2015/07/01 职场文书
技术入股合作协议书
2016/03/21 职场文书
mybatis使用oracle进行添加数据的方法
2021/04/27 Oracle
Java基础之this关键字的使用
2021/06/30 Java/Android
JavaScript 事件捕获冒泡与捕获详情
2021/11/11 Javascript
日本官方排名前10的动漫,名侦探柯南上榜,第一是一部创造历史的动漫
2022/03/18 日漫
一文了解Java动态代理的原理及实现
2022/07/07 Java/Android