实现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 相关文章推荐
javascript function、指针及内置对象
Feb 19 Javascript
jqplot通过ajax动态画折线图的方法及思路
Dec 08 Javascript
JS下载文件|无刷新下载文件示例代码
Apr 17 Javascript
jQuery实现跨域
Feb 03 Javascript
JS组件Bootstrap实现弹出框效果代码
Apr 26 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
Jan 13 Javascript
10个最优秀的Node.js MVC框架
Aug 24 Javascript
微信小程序实现循环动画效果
Jul 16 Javascript
在layui中layer弹出层点击事件无效的解决方法
Sep 05 Javascript
vue-socket.io跨域问题有效解决方法
Feb 11 Javascript
Openlayers实现地图的基本操作
Sep 28 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
Oct 24 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
Oracle 常见问题解答
2006/10/09 PHP
PHP中::、-&amp;gt;、self、$this几种操作符的区别介绍
2013/04/24 PHP
php实现的Cookies操作类实例
2014/09/24 PHP
php语法检查的方法总结
2019/01/21 PHP
JavaScript 字符串连接性能优化
2008/12/20 Javascript
如何让页面加载完成后执行js
2013/06/26 Javascript
js检查页面上有无重复id的实现代码
2013/07/17 Javascript
写得不错的jquery table鼠标经过变色代码
2013/09/27 Javascript
jquery将一个表单序列化为一个对象的方法
2013/12/02 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
2015/10/16 Javascript
js获取Html元素的实际宽度高度的方法
2016/05/19 Javascript
浅谈jQuery中ajaxPrefilter的应用
2016/08/01 Javascript
html判断当前页面是否在iframe中的实例
2016/11/30 Javascript
JavaScript无阻塞加载和defer、async详解
2017/02/26 Javascript
jQuery实现字体颜色渐变效果的方法
2017/03/29 jQuery
angular.fromJson与toJson方法用法示例
2017/05/17 Javascript
nodejs前端模板引擎swig入门详解
2018/05/15 NodeJs
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
2018/09/18 Javascript
Layui tree 下拉菜单树的实例代码
2019/09/21 Javascript
layer弹出层取消遮罩的方法
2019/09/25 Javascript
浅谈vue3中effect与computed的亲密关系
2019/10/10 Javascript
django实现前后台交互实例
2017/08/07 Python
基于pip install django失败时的解决方法
2018/06/12 Python
详解flask表单提交的两种方式
2018/07/21 Python
Python:Numpy 求平均向量的实例
2019/06/29 Python
keras topN显示,自编写代码案例
2020/07/03 Python
Matplotlib 折线图plot()所有用法详解
2020/07/28 Python
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
酒店个人求职信范文
2014/01/25 职场文书
小学家长学校培训材料
2014/08/24 职场文书
民主生活会汇报材料
2014/12/15 职场文书
给女朋友道歉的话大全
2015/01/20 职场文书
综合素质评价自我评价
2015/03/06 职场文书
Vue项目中如何封装axios(统一管理http请求)
2021/05/02 Vue.js
使用nginx配置访问wgcloud的方法
2021/06/26 Servers
Java 垃圾回收超详细讲解记忆集和卡表
2022/04/08 Java/Android