实现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 的 $(&quot;#id&quot;).html() 无内容的解决方法
Jun 07 Javascript
javaScript事件机制兼容【详细整理】
Jul 23 Javascript
jQuery获取选中单选按钮radio的值
Dec 27 Javascript
基于Vue实现页面切换左右滑动效果
Jun 29 Javascript
详解JS中的this、apply、call、bind(经典面试题)
Sep 19 Javascript
JS计算两个时间相差分钟数的方法示例
Jan 10 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
May 04 Javascript
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
Jan 23 Javascript
Javascript读取上传文件内容/类型/字节数
Apr 30 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
May 30 Javascript
Vue-cli assets SubDirectory及PublicPath区别详解
Aug 18 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
转生史莱姆:萌王第一次撸串开心到飞起,哥布塔撸串却神似界王神
2018/11/30 日漫
PHP执行批量mysql语句的解决方法
2013/05/02 PHP
详解PHP内置访问资源的超时时间 time_out file_get_contents read_file
2013/06/03 PHP
探讨Smarty中如何获取数组的长度以及smarty调用php函数的详解
2013/06/20 PHP
php中通过curl检测页面是否被百度收录
2013/09/27 PHP
ThinkPHP控制器详解
2015/07/27 PHP
laravel框架中间件简单使用方法示例
2020/01/25 PHP
JavaScript类和继承 prototype属性
2010/09/03 Javascript
JavaScript 打地鼠游戏代码说明
2010/10/12 Javascript
求数组最大最小值方法适用于任何数组
2013/08/16 Javascript
JS小游戏之仙剑翻牌源码详解
2014/09/25 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
2014/12/31 Javascript
使用AngularJS来实现HTML页面嵌套的方法
2015/06/17 Javascript
AngularJS折叠菜单实现方法示例
2017/05/18 Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
2017/09/06 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
2017/09/20 Javascript
在小程序中集成redux/immutable/thunk第三方库的方法
2018/08/12 Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
2019/09/03 Javascript
Openlayers显示瓦片网格信息的方法
2020/09/28 Javascript
[01:03:38]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS CIS
2014/05/22 DOTA
[53:03]Optic vs TNC 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python读取Android permission文件
2013/11/01 Python
Python打印斐波拉契数列实例
2015/07/07 Python
python绘制双柱形图代码实例
2017/12/14 Python
Python2.7+pytesser实现简单验证码的识别方法
2017/12/29 Python
python实现微信发送邮件关闭电脑功能
2018/02/22 Python
OpenCV python sklearn随机超参数搜索的实现
2020/01/17 Python
python3中使用__slots__限定实例属性操作分析
2020/02/14 Python
PyCharm2020.3.2安装超详细教程
2021/02/08 Python
KIKO比利时官网:意大利彩妆品牌
2017/07/23 全球购物
医生党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
在校证明模板
2015/06/17 职场文书
2015年音乐教研组工作总结
2015/07/22 职场文书
放假通知怎么写
2015/08/18 职场文书
创业计划书之DIY自助厨房
2019/09/06 职场文书
本地搭建minio文件服务器(使用bat脚本启动)的方法
2022/07/15 Servers