实现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学习笔记(十三) js闭包介绍(转)
Jun 20 Javascript
jQuery之字体大小的设置方法
Feb 27 Javascript
wap浏览自动跳转到wap页面的js代码
May 17 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
Oct 21 Javascript
jQuery+CSS3实现3D立方体旋转效果
Nov 10 Javascript
轻松实现javascript图片轮播特效
Jan 13 Javascript
使用JQuery实现智能表单验证功能
Mar 08 Javascript
layui前段框架日期控件使用方法详解
May 19 Javascript
原生js实现简单的焦点图效果实例
Dec 14 Javascript
简单实现节流函数和防抖函数过程解析
Oct 08 Javascript
javascript实现时钟动画
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生成随机字符串(3种方法)
2015/09/25 PHP
php解析url并得到url中的参数及获取url参数的四种方式
2015/10/26 PHP
PHP简单遍历对象示例
2016/09/28 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
jQuery 创建Dom元素
2010/05/07 Javascript
JS实现在状态栏显示打字效果完整实例
2015/11/02 Javascript
javascript实现无缝上下滚动特效
2015/12/16 Javascript
浅析jquery与checkbox的checked属性的问题
2016/04/27 Javascript
使用jQuery中的wrap()函数操作HTML元素的教程
2016/05/24 Javascript
js图片上传前预览功能(兼容所有浏览器)
2016/08/24 Javascript
js 调用百度分享功能
2017/02/27 Javascript
JavaScript内存泄漏的处理方式
2017/11/20 Javascript
vue-router 源码实现前端路由的两种方式
2018/07/02 Javascript
NodeJS如何实现同步的方法示例
2018/08/24 NodeJs
vue实现条件判断动态绑定样式的方法
2018/09/29 Javascript
6行代码实现微信小程序页面返回顶部效果
2018/12/28 Javascript
React中使用UMEditor的方法示例
2019/12/27 Javascript
vue中template的三种写法示例
2020/10/21 Javascript
深入理解Python中的内置常量
2017/05/20 Python
Python打印“菱形”星号代码方法
2018/02/05 Python
python+logging+yaml实现日志分割
2019/07/22 Python
Python 依赖库太多了该如何管理
2019/11/08 Python
Python基础之字典常见操作经典实例详解
2020/02/26 Python
基于Python快速处理PDF表格数据
2020/06/03 Python
Python闭包装饰器使用方法汇总
2020/06/29 Python
python爬虫使用正则爬取网站的实现
2020/08/03 Python
python获取天气接口给指定微信好友发天气预报
2020/12/28 Python
HTML5 canvas实现移动端上传头像拖拽裁剪效果
2016/03/14 HTML / CSS
新闻记者实习自我鉴定
2013/09/19 职场文书
自动化职业生涯规划书范文
2014/01/03 职场文书
军校大学生个人的自我评价
2014/02/17 职场文书
个人委托书范本
2014/04/02 职场文书
食品采购员岗位职责
2014/04/14 职场文书
幼儿教师自我剖析材料
2014/09/29 职场文书
国际贸易实务实训报告
2014/11/05 职场文书
项目负责人岗位职责
2015/02/15 职场文书