web的各种前端打印方法之jquery打印插件jqprint实现网页打印


Posted in Javascript onJanuary 09, 2013

web的打印方法具我自己懂得知道的有:

1、JQuery插件Jqprint实现
2、JQery打印插件PrintArea实现网页打印
3、CSS控制网页打印样式

JQuery插件Jqprint实现
首先要导入js文件:
jquery.jqprint.js下载

<script language="javascript" src="jquery-1.7.1.min.js"></script> 
<script language="javascript" src="jquery.jqprint.js"></script>html代码:

<div class="my_show"> 
这个打印时是显示的 
</div> 
<div class="my_hidden"> 
这个打印时是隐藏的。 
</div> 
<input type="button" id="print"/>

javascript代码
<script type="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 相关文章推荐
FireBug 调试JS入门教程 如何调试JS
Dec 23 Javascript
jQuery的$.proxy()应用示例介绍
Apr 03 Javascript
html文本框提示效果的示例代码
Jun 28 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
Mar 27 Javascript
JS动态创建DOM元素的方法
Jun 09 Javascript
js+css简单实现网页换肤效果
Dec 29 Javascript
jQuery实现鼠标选文字发新浪微博的方法
Apr 02 Javascript
TinyMCE汉化及本地上传图片功能实例详解
May 31 Javascript
前端常见跨域解决方案(全)
Sep 19 Javascript
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
JavaScript遍历数组的三种方法map、forEach与filter实例详解
Feb 27 Javascript
JS 5种遍历对象的方式
Jun 16 Javascript
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
Jan 09 #Javascript
实现web打印的各种方法介绍及实现代码
Jan 09 #Javascript
js去除重复字符串两种实现方法
Jan 09 #Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
Jan 09 #Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
Jan 09 #Javascript
一行代码实现纯数据json对象的深度克隆实现思路
Jan 09 #Javascript
javascript parseInt() 函数的进制转换注意细节
Jan 08 #Javascript
You might like
强烈推荐:php.ini中文版(1)
2006/10/09 PHP
php 各种应用乱码问题的解决方法
2010/05/09 PHP
PHP 强制性文件下载功能的函数代码(任意文件格式)
2010/05/26 PHP
基于PHP导出Excel的小经验 完美解决乱码问题
2013/06/10 PHP
php预定义变量使用帮助(带实例)
2013/10/30 PHP
用PHP来计算某个目录大小的方法
2014/04/01 PHP
PHP实现取得HTTP请求的原文
2014/08/18 PHP
smarty内置函数{loteral}、{ldelim}和{rdelim}用法实例
2015/01/22 PHP
win7系统配置php+Apache+mysql环境的方法
2015/08/21 PHP
php中让人头疼的浮点数运算分析
2016/10/10 PHP
PHP正则替换函数preg_replace()报错:Notice Use of undefined constant的解决方法分析
2017/02/04 PHP
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
2017/09/15 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
jquery限制输入字数,并提示剩余字数实现代码
2012/12/24 Javascript
EditPlus 正则表达式 实战(3)
2016/12/15 Javascript
详解AngularJs ui-router 路由的简单介绍
2017/04/26 Javascript
详解jQuery中的easyui
2018/09/02 jQuery
jQuery事件多次绑定与解绑问题实例分析
2019/02/19 jQuery
echarts多条折线图动态分层的实现方法
2019/05/24 Javascript
JavaScript从原型到原型链深入理解
2019/06/03 Javascript
python中base64加密解密方法实例分析
2015/05/16 Python
多个应用共存的Django配置方法
2018/05/30 Python
解决python写入mysql中datetime类型遇到的问题
2018/06/21 Python
浅谈python 导入模块和解决文件句柄找不到问题
2018/12/15 Python
详解django2中关于时间处理策略
2019/03/06 Python
Python在字符串中处理html和xml的方法
2020/07/31 Python
把Anaconda中的环境导入到Pycharm里面的方法步骤
2020/10/30 Python
美国婴儿和儿童家具网上商店:ABaby.com
2018/07/02 全球购物
英国HYPE双肩包官网:英国本土时尚潮牌
2018/09/26 全球购物
Tomcat中怎么使用log4j输出所有的log
2016/07/07 面试题
Linux文件操作命令都有哪些
2016/07/23 面试题
产品陈列协议书(标准版)
2014/09/17 职场文书
中学生运动会新闻稿
2014/09/24 职场文书
女方离婚起诉书
2015/05/18 职场文书
2019最新企业员工考勤管理制度(通用版)!
2019/07/02 职场文书
微信小程序APP的生命周期及页面的生命周期
2022/04/19 Javascript