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 相关文章推荐
麦鸡的TAB切换功能结合了javascript和css
Dec 17 Javascript
基于Jquery的表格隔行换色,移动换色,点击换色插件
Dec 22 Javascript
基于jquery自定义图片热区效果
Jul 21 Javascript
Javascript 运动中Offset的bug解决方案
Dec 24 Javascript
jQuery实现类似淘宝网图片放大效果的方法
Jul 08 Javascript
javascript电商网站抢购倒计时效果实现
Nov 19 Javascript
jQuery Masonry瀑布流插件使用方法详解
Jan 18 Javascript
使用canvas及js简单生成验证码方法
Apr 02 Javascript
使用vue的transition完成滑动过渡的示例代码
Jun 25 Javascript
详解处理bootstrap4不支持远程静态框问题
Jul 20 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
May 21 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
Nov 05 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面向对象public private protected 访问修饰符
2013/06/30 PHP
php文件服务实现虚拟挂载其他目录示例
2014/04/17 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
Js的MessageBox
2006/12/03 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
2015/11/20 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
node.js实现快速截图
2016/08/27 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
2017/01/19 Javascript
解读vue生成的文件目录结构及说明
2017/11/27 Javascript
基于angular6.0实现的一个组件懒加载功能示例
2018/04/12 Javascript
Vue脚手架的简单使用实例
2018/07/10 Javascript
JS实现canvas简单小画板功能
2020/06/23 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
2020/07/20 Javascript
JS前端基于canvas给图片添加水印
2020/11/11 Javascript
Python的Tornado框架异步编程入门实例
2015/04/24 Python
介绍Python中的fabs()方法的使用
2015/05/14 Python
python 实现上传图片并预览的3种方法(推荐)
2017/07/14 Python
Python编程实现双链表,栈,队列及二叉树的方法示例
2017/11/01 Python
使用Python爬了4400条淘宝商品数据,竟发现了这些“潜规则”
2018/03/23 Python
Python读写/追加excel文件Demo分享
2018/05/03 Python
python中嵌套函数的实操步骤
2019/02/27 Python
浅谈python编译pyc工程--导包问题解决
2019/03/20 Python
python3的print()函数的用法图文讲解
2019/07/16 Python
django+echart数据动态显示的例子
2019/08/12 Python
python微信公众号开发简单流程实现
2020/03/09 Python
python多进程下的生产者和消费者模型
2020/05/07 Python
python中 _、__、__xx__()区别及使用场景
2020/06/30 Python
Python+Opencv身份证号码区域提取及识别实现
2020/08/25 Python
Python 调用 ES、Solr、Phoenix的示例代码
2020/11/23 Python
PHP引擎php.ini参数优化深入讲解
2021/03/24 PHP
仓管员岗位责任制
2014/02/19 职场文书
2014年教师节活动总结
2014/08/29 职场文书
2014年医务科工作总结
2014/12/18 职场文书
万能检讨书
2015/01/27 职场文书
2015大学迎新标语
2015/07/16 职场文书
《夜莺的歌声》教学反思
2016/02/22 职场文书