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 相关文章推荐
IE8下关于querySelectorAll()的问题
May 13 Javascript
json的前台操作和后台操作实现代码
Jan 20 Javascript
js判断鼠标同时离开两个div的思路及代码
May 31 Javascript
不同Jquery版本引发的问题解决
Oct 14 Javascript
js出生日期 年月日级联菜单示例代码
Jan 10 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
Sep 05 Javascript
JQuery中Ajax()的data参数类型实例分析
Dec 15 Javascript
学习JavaScript事件流和事件处理程序
Jan 25 Javascript
vue移动端裁剪图片结合插件Cropper的使用实例代码
Jul 10 Javascript
Vue press 支持图片放大功能的实例代码
Nov 09 Javascript
Openlayers学习之地图比例尺控件
Sep 28 Javascript
JS实现简单控制视频播放倍速的实例代码
Apr 18 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
怎样辨别一杯好咖啡
2021/03/03 新手入门
解析PHP中DIRECTORY_SEPARATOR,PATH_SEPARATOR两个常量的作用
2013/06/21 PHP
Drupal读取Excel并导入数据库实例
2014/03/02 PHP
php版微信公众账号第三方管理工具开发简明教程
2016/09/23 PHP
Jquery对数组的操作技巧整理
2014/03/25 Javascript
使用js实现数据格式化
2014/12/03 Javascript
javascript事件冒泡和事件捕获详解
2015/05/26 Javascript
基于JS实现类似支付宝支付密码输入框
2016/09/02 Javascript
bootstrap模态框消失问题的解决方法
2016/12/02 Javascript
JavaScript实现类似淘宝的购物车效果
2017/03/16 Javascript
Vue.js常用指令的使用小结
2017/06/23 Javascript
ES6中Array.includes()函数的用法
2017/09/20 Javascript
js实现京东秒杀倒计时功能
2019/01/21 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
2019/04/16 Javascript
详解Vue中CSS样式穿透问题
2019/09/12 Javascript
[01:07:21]NAVI vs VG Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
python中使用pyhook实现键盘监控的例子
2014/07/18 Python
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
python使用xmlrpclib模块实现对百度google的ping功能
2015/06/02 Python
简单上手Python中装饰器的使用
2015/07/12 Python
Python实现压缩与解压gzip大文件的方法
2016/09/18 Python
使用pyshp包进行shapefile文件修改的例子
2019/12/06 Python
django处理select下拉表单实例(从model到前端到post到form)
2020/03/13 Python
英国No.1文具和办公用品在线:Euroffice
2016/09/21 全球购物
意大利专业化妆品品牌:KIKO MILANO
2017/02/01 全球购物
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
美国最佳在线航班预订网站:LookupFare
2019/03/26 全球购物
车工岗位职责
2013/11/26 职场文书
大学生的自我鉴定范文
2014/01/21 职场文书
历史学专业求职信
2014/06/19 职场文书
2014年文明创建工作总结
2014/11/25 职场文书
幼儿园小朋友毕业感言
2015/07/30 职场文书
廉洁自律心得体会2016
2016/01/13 职场文书
正能量励志演讲稿三分钟(范文)
2019/07/11 职场文书
apache基于端口创建虚拟主机的示例
2021/04/24 Servers
开发微信小程序之WXSS样式教程
2022/04/18 HTML / CSS