实现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中强制执行toString()具体实现
Apr 27 Javascript
JavaScript 中的日期和时间及表示标准介绍
Aug 21 Javascript
简介JavaScript中substring()方法的使用
Jun 06 Javascript
javascript常用功能汇总
Jul 05 Javascript
jsTree事件和交互以及插件plugins详解
Aug 29 Javascript
js实现音乐播放控制条
Sep 09 Javascript
基于jquery的on和click的区别详解
Jan 15 jQuery
浅谈vue-cli 3.0.x 初体验
Apr 11 Javascript
layui 表格的属性的显示转换方法
Aug 14 Javascript
微信小程序实现留言板功能
Nov 02 Javascript
微信小程序分包加载代码实现方法详解
Sep 23 Javascript
vue实现登录、注册、退出、跳转等功能
Dec 23 Vue.js
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的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
php中用foreach来操作数组的代码
2011/07/17 PHP
PHP实现格式化文件数据大小显示的方法
2015/01/03 PHP
php表单处理操作
2017/11/16 PHP
php无限级评论嵌套实现代码
2018/04/18 PHP
yii框架使用分页的方法分析
2019/07/25 PHP
jquery下为Event handler传递动态参数的代码
2011/01/06 Javascript
获得Javascript对象属性个数的示例代码
2013/11/21 Javascript
一个检测表单数据的JavaScript实例
2014/10/31 Javascript
jQuery获取同级元素的简单代码
2016/07/09 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
基于vue.js实现图片轮播效果
2016/12/01 Javascript
学习使用Bootstrap输入框、导航、分页等常用组件
2017/05/11 Javascript
js图片轮播插件的封装
2017/07/21 Javascript
angular中的cookie读写方法
2017/08/02 Javascript
js 中rewrap-ajax.js插件实例代码
2017/10/20 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
2018/09/03 Javascript
微信小程序自定义导航教程(兼容各种手机)
2018/12/12 Javascript
nodejs基础之常用工具模块util用法分析
2018/12/26 NodeJs
深入浅析vue-cli@3.0 使用及配置说明
2019/05/08 Javascript
VUE项目中加载已保存的笔记实例方法
2019/09/14 Javascript
vue 实现购物车总价计算
2019/11/06 Javascript
微信小程序弹窗禁止页面滚动的实现代码
2020/12/30 Javascript
Python生成数字图片代码分享
2017/10/31 Python
Django认证系统实现的web页面实现代码
2019/08/12 Python
Python使用scrapy爬取阳光热线问政平台过程解析
2019/08/14 Python
扩展Django admin的list_filter()可使用范围方法
2019/08/21 Python
Pycharm导入anaconda环境的教程图解
2020/07/31 Python
BCBG官网:BCBGMAXAZRIA
2017/12/29 全球购物
俄罗斯香水在线商店:AromaCode
2019/12/04 全球购物
工商企业管理实习自我鉴定
2013/12/04 职场文书
2015年手术室工作总结
2015/05/11 职场文书
2015年医务科工作总结范文
2015/05/26 职场文书
重阳节活动主持词
2015/07/04 职场文书
高考百日冲刺决心书
2015/09/23 职场文书
四年级语文教学反思
2016/03/03 职场文书