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 相关文章推荐
Ext 今日学习总结
Sep 19 Javascript
JS控件的生命周期介绍
Oct 22 Javascript
无缝滚动改进版支持上下左右滚动(封装成函数)
Dec 04 Javascript
可编辑下拉框的2种实现方式
Jun 13 Javascript
javascript父、子页面交互技巧总结
Aug 08 Javascript
js实现iframe自动自适应高度的方法
Feb 17 Javascript
Jquery组件easyUi实现表单验证示例
Aug 23 Javascript
javascript使用闭包模拟对象的私有属性和方法
Oct 05 Javascript
详解webpack-dev-server使用方法
Sep 14 Javascript
layui 实现表单和文件上传一起传到后台的例子
Sep 16 Javascript
如何利用node转发请求详解
Sep 17 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
Feb 26 Vue.js
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 团购折扣计算公式
2011/11/24 PHP
php的declare控制符和ticks教程(附示例)
2014/03/21 PHP
yii去掉必填项中星号的方法
2015/12/28 PHP
PHP生成可点击刷新的验证码简单示例
2016/05/13 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
use jscript Create a SQL Server database
2007/06/16 Javascript
jquery 多级下拉菜单核心代码
2010/05/21 Javascript
JavaScrip单线程引擎工作原理分析
2010/09/04 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
2014/06/03 Javascript
window.returnValue使用方法示例介绍
2014/07/03 Javascript
JavaScript截取指定长度字符串点击可以展开全部代码
2015/12/04 Javascript
一道优雅面试题分析js中fn()和return fn()的区别
2016/07/05 Javascript
ajax的分页查询示例(不刷新页面)
2017/01/11 Javascript
对angularJs中2种自定义服务的实例讲解
2018/09/30 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
2019/01/20 Javascript
微信小程序左滑删除实现代码实例
2019/09/16 Javascript
vue基于Echarts的拖拽数据可视化功能实现
2020/12/04 Vue.js
python输入错误密码用户锁定实现方法
2017/11/27 Python
Python Json序列化与反序列化的示例
2018/01/31 Python
Python针对给定列表中元素进行翻转操作的方法分析
2018/04/27 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
python hbase读取数据发送kafka的方法
2018/12/27 Python
OpenCV-Python 摄像头实时检测人脸代码实例
2019/04/30 Python
Python数据可视化:箱线图多种库画法
2019/11/06 Python
检测tensorflow是否使用gpu进行计算的方式
2020/02/03 Python
PyCharm中Matplotlib绘图不能显示UI效果的问题解决
2020/03/12 Python
Html5实现首页动态视频背景的示例代码
2019/09/25 HTML / CSS
英国在线发型和美容产品商店:Beauty Cutie
2019/04/27 全球购物
企划专员岗位职责
2013/12/09 职场文书
酒店司机岗位职责
2013/12/14 职场文书
模范家庭事迹材料
2014/02/10 职场文书
2014年双拥工作总结
2014/11/21 职场文书
检讨书范文2000字
2015/01/28 职场文书
可怜妈妈观后感
2015/06/09 职场文书
旷工检讨书大全
2015/08/15 职场文书
Python与C++中梯度方向直方图的实现
2022/03/17 Python