实现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类和继承 this属性使用说明
Sep 03 Javascript
javascript学习笔记(十三) js闭包介绍(转)
Jun 20 Javascript
flexslider.js实现移动端轮播
Feb 05 Javascript
js实现5秒倒计时重新发送短信功能
Feb 05 Javascript
AngularJS实现的回到顶部指令功能实例
May 17 Javascript
JS实现数组的增删改查操作示例
Aug 29 Javascript
react native 原生模块桥接的简单说明小结
Feb 26 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
Oct 24 Javascript
vue搜索页开发实例代码详解(热门搜索,历史搜索,淘宝接口演示)
Apr 11 Javascript
Vue路由的模块自动化与统一加载实现
Jun 05 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
Jul 15 Javascript
Javascript节流函数throttle和防抖函数debounce
Dec 03 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数字游戏 计算24算法
2012/06/10 PHP
浅析memcache启动以及telnet命令详解
2013/06/28 PHP
PHP实现小程序批量通知推送
2018/11/27 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
offsetParent 算法分析
2010/04/05 Javascript
javascript中xml操作实现代码
2011/11/21 Javascript
解析JavaScript中点号“.”的多义性
2013/12/02 Javascript
javascript实现很浪漫的气泡冒出特效
2020/09/05 Javascript
第十篇BootStrap轮播插件使用详解
2016/06/21 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
vue实现可增删查改的成绩单
2016/10/27 Javascript
原生javascript实现读写CSS样式的方法详解
2017/02/20 Javascript
javascript作用域链与执行环境详解
2017/03/25 Javascript
node使用promise替代回调函数
2018/05/07 Javascript
vue中vee validate表单校验的几种基本使用
2018/06/25 Javascript
js动态设置select下拉菜单的默认选中项实例
2018/08/21 Javascript
JavaScript栈和队列相关操作与实现方法详解
2018/12/07 Javascript
js中的深浅拷贝问题简析
2019/05/10 Javascript
vue3.0中setup使用(两种用法)
2020/12/02 Vue.js
[02:41]DOTA2英雄基础教程 亚巴顿
2014/01/02 DOTA
[11:33]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第二场
2018/04/06 DOTA
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
详解python项目实战:模拟登陆CSDN
2019/04/04 Python
Python多线程threading模块用法实例分析
2019/05/22 Python
pyspark 随机森林的实现
2020/04/24 Python
NARS化妆品官方商店:美国彩妆品牌
2017/08/26 全球购物
畜牧兽医本科生个人的自我评价
2013/10/11 职场文书
产品销售员岗位职责
2013/12/18 职场文书
集体婚礼证婚词
2014/01/13 职场文书
就业协议书怎么填
2014/09/15 职场文书
2014年初一班主任工作总结
2014/11/08 职场文书
领导工作表现评语
2015/01/04 职场文书
2015年化工厂工作总结
2015/05/04 职场文书
2015年学校办公室工作总结
2015/05/26 职场文书
求职自我评价参考范文
2019/05/16 职场文书
解决mysql问题:由于找不到MSVCR120.dll,无法继续执行代码
2021/06/26 MySQL