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 相关文章推荐
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
Apr 06 Javascript
js+html5实现canvas绘制椭圆形图案的方法
May 21 Javascript
jQuery中常用动画效果函数(日常整理)
Sep 17 Javascript
完美解决IE9浏览器出现的对象未定义问题
Sep 29 Javascript
让编辑器支持word复制黏贴、截屏的js代码
Oct 17 Javascript
详解javascript获取url信息的常见方法
Dec 19 Javascript
详解VueJS 数据驱动和依赖追踪分析
Jul 26 Javascript
Angular通过angular-cli来搭建web前端项目的方法
Jul 27 Javascript
JavaScript实现浅拷贝与深拷贝的方法分析
Jul 05 Javascript
vue-router实现嵌套路由的讲解
Jan 19 Javascript
JavaScript工具库之Lodash详解
Jun 15 Javascript
手把手带你入门微信小程序新框架Kbone的使用
Feb 25 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 缓存实现代码及详细注释
2010/05/16 PHP
PHP JSON格式的中文显示问题解决方法
2015/04/09 PHP
Laravel如何同时连接多个数据库详解
2019/08/13 PHP
基于Jquery的简单&amp;简陋Tabs插件代码
2010/02/09 Javascript
jQuery选择器源码解读(八):addCombinator函数
2015/03/31 Javascript
js实现顶部可折叠的菜单工具栏效果实例
2015/05/09 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
2016/01/12 Javascript
基于jQuery倒计时插件实现团购秒杀效果
2016/05/13 Javascript
AngularJS入门之动画
2016/07/27 Javascript
jquery文字填写自动高度的实现方法
2016/11/07 Javascript
前端开发必知的15个jQuery小技巧
2017/01/22 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
JS完成画圆圈的小球
2017/03/07 Javascript
JS中去掉array中重复元素的方法
2017/05/26 Javascript
详解angular部署到iis出现404解决方案
2018/08/14 Javascript
Vue+Webpack完美整合富文本编辑器TinyMce的方法
2018/11/30 Javascript
微信小程序之下拉列表实现方法解析(附完整源码)
2019/08/23 Javascript
Vue通过WebSocket建立长连接的实现代码
2019/11/05 Javascript
vue路由传参的基本实现方式小结【三种方式】
2020/02/05 Javascript
JavaScript实现好看的跟随彩色气泡效果
2020/02/06 Javascript
vue如何搭建多页面多系统应用
2020/06/17 Javascript
[02:08:58]2014 DOTA2国际邀请赛中国区预选赛 Ne VS CIS
2014/05/22 DOTA
[02:49]2018DOTA2亚洲邀请赛主赛事决赛日战况回顾 Mineski鏖战5局夺得辉耀
2018/04/10 DOTA
[44:58]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第二场
2018/04/06 DOTA
python数据类型_元组、字典常用操作方法(介绍)
2017/05/30 Python
python+opencv实现阈值分割
2018/12/26 Python
Python 读取用户指令和格式化打印实现解析
2019/09/02 Python
python 实现将Numpy数组保存为图像
2020/01/09 Python
Pycharm和Idea支持的vim插件的方法
2020/02/21 Python
Parfumdreams英国:香水和化妆品
2019/05/10 全球购物
理工科学生的自我评价
2013/12/15 职场文书
感恩之星事迹材料
2014/05/03 职场文书
优秀党员自我评价范文
2014/09/15 职场文书
党校党性分析材料
2014/12/19 职场文书
行政主管岗位职责范本
2015/04/09 职场文书
十大冰系宝可梦排名,颜值最高的阿罗拉九尾,第三使用率第一
2022/03/18 日漫