实现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 相关文章推荐
基于jquery的监控数据是否发生改变
Apr 11 Javascript
js获取对象为null的解决方法
Nov 21 Javascript
jQuery打印指定区域Html页面并自动分页
Jul 04 Javascript
JavaScript多线程详解
Aug 12 Javascript
JS验证全角与半角及相互转化的介绍
May 18 Javascript
Vue中的scoped实现原理及穿透方法
May 15 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
Dec 05 Javascript
JS尾递归的实现方法及代码优化技巧
Jan 19 Javascript
JQuery的加载和选择器用法简单示例
May 13 jQuery
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
javascript如何使用函数random来实现课堂随机点名方法详解
Jul 28 Javascript
微信小程序tab左右滑动切换功能的实现代码
Feb 08 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新手入门学习方法
2011/05/08 PHP
PHP图片验证码制作实现分享(全)
2012/05/10 PHP
解析PHP中VC6 X86和VC9 X86的区别及 Non Thread Safe的意思
2013/06/28 PHP
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
laravel 5.4中实现无限级分类的方法示例
2017/07/27 PHP
laravel 根据不同组织加载不同视图的实现
2019/10/14 PHP
判断浏览器的javascript版本的代码
2010/09/03 Javascript
通过复制Table生成word和excel的javascript代码
2014/01/20 Javascript
JS中的log对象获取以及debug的写法介绍
2014/03/03 Javascript
基于javascript实现页面加载loading效果
2020/09/15 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
2017/08/25 Javascript
JavaScript实现换肤功能
2017/09/15 Javascript
Rollup处理并打包JS文件项目实例代码
2018/05/31 Javascript
JavaScript实现的反序列化json字符串操作示例
2018/07/18 Javascript
Vue源码解析之数组变异的实现
2018/12/04 Javascript
详细教你微信公众号正文页SVG交互开发技巧
2019/07/25 Javascript
Element图表初始大小及窗口自适应实现
2020/07/10 Javascript
python获取Linux下文件版本信息、公司名和产品名的方法
2014/10/05 Python
浅析Python中将单词首字母大写的capitalize()方法
2015/05/18 Python
Python发展简史 Python来历
2019/05/14 Python
python变量的存储原理详解
2019/07/10 Python
python GUI编程(Tkinter) 创建子窗口及在窗口上用图片绘图实例
2020/03/04 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
英国排名第一的在线宠物用品商店:Monster Pet Supplies
2018/05/20 全球购物
Lookfantastic意大利官网:英国知名美妆购物网站
2019/05/31 全球购物
Helly Hansen工作服美国官方网上商店:为最恶劣的环境
2019/09/04 全球购物
配置管理计划的主要内容有哪些
2014/06/20 面试题
Overload和Override的区别
2012/09/02 面试题
酒吧总经理岗位职责
2013/12/10 职场文书
岗位职责的构建方法
2014/02/01 职场文书
创业计划书之酒吧
2019/12/02 职场文书
Vue + iView实现Excel上传功能的完整代码
2021/06/22 Vue.js
Python字典的基础操作
2021/11/01 Python
Apache Hudi集成Spark SQL操作hide表
2022/03/31 Servers
MySQL脏读,幻读和不可重复读
2022/05/11 MySQL