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 相关文章推荐
JavaScript面向对象编程
Mar 02 Javascript
JQuery 返回布尔值Is()条件判断方法代码
May 14 Javascript
多个js与css文件的合并方法详细说明
Dec 26 Javascript
导入extjs、jquery 文件时$使用冲突问题解决方法
Jan 14 Javascript
Js实现滚动变色的文字效果
Jun 16 Javascript
Jquery实现纵向横向菜单
Jan 24 Javascript
BootStrap中的表单大全
Sep 07 Javascript
微信小程序仿RadioGroup改变样式的处理方案
Jul 13 Javascript
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
Jul 19 Javascript
基于Vue SEO的四种方案(小结)
Jul 01 Javascript
d3.js实现图形缩放平移
Dec 19 Javascript
Vue+abp微信扫码登录的实现代码示例
Jan 06 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迭代器的内部执行过程详解
2013/11/12 PHP
php教程之魔术方法的使用示例(php魔术函数)
2014/02/12 PHP
Yii2单元测试用法示例
2016/11/12 PHP
Laravel实现短信注册的示例代码
2018/05/29 PHP
JQuery 常用操作代码
2010/03/14 Javascript
JavaScript高级程序设计 扩展--关于动态原型
2010/11/09 Javascript
js Event对象的5种坐标
2011/09/12 Javascript
Javascript this 的一些学习总结
2012/08/02 Javascript
防止xss和sql注入:JS特殊字符过滤正则
2013/04/18 Javascript
基于javascript实现文字无缝滚动效果
2016/03/22 Javascript
防止Node.js中错误导致进程阻塞的办法
2016/08/11 Javascript
AngularJS+Bootstrap实现多文件上传与管理
2016/11/08 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
2017/03/08 Javascript
详解Vue使用 vue-cli 搭建项目
2017/04/20 Javascript
Vue.js结合Ueditor富文本编辑器的实例代码
2017/07/11 Javascript
基于Vue.js 2.0实现百度搜索框效果
2020/12/28 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
2017/12/25 Javascript
基于JS实现html中placeholder属性提示文字效果示例
2018/04/19 Javascript
在vue中使用vue-echarts-v3的实例代码
2018/09/13 Javascript
es6 symbol的实现方法示例
2019/04/02 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
2020/08/27 Javascript
[03:48]2014DOTA2 TI专访71DK夺冠不靠小组赛高排名
2014/07/11 DOTA
[03:30]DOTA2完美“圣”典精彩集锦
2016/12/27 DOTA
Python3.6+Django2.0以上 xadmin站点的配置和使用教程图解
2019/06/04 Python
如何避免常见的6种HTML5错误用法
2017/11/06 HTML / CSS
美国知名的女性服饰品牌:LOFT(洛芙特)
2016/08/05 全球购物
关于Assembly命名空间的三个面试题
2015/07/23 面试题
内部类的定义、种类以及优点
2013/10/16 面试题
如何写自我评价?自我评价写什么好?
2014/03/14 职场文书
幼儿园六一儿童节主持节目串词
2014/03/21 职场文书
优秀的个人求职信范文
2014/05/09 职场文书
本科应届生自荐信
2014/06/29 职场文书
英语系本科生求职信
2014/07/15 职场文书
2015年科研工作总结范文
2015/05/13 职场文书
2019年公司卫生管理制度样本
2019/08/21 职场文书
python3实现无权最短路径的方法
2021/05/12 Python