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 相关文章推荐
Jquery 设置标题的自动翻转
Oct 03 Javascript
JS实现仿百度输入框自动匹配功能的示例代码
Feb 19 Javascript
js实现拉幕效果的广告代码
Sep 02 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
Aug 15 Javascript
jQuery中过滤器的基本用法示例
Oct 11 jQuery
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
vue实现微信获取用户信息的方法
Mar 21 Javascript
javascript实现简易聊天室
Jul 12 Javascript
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
Sep 03 jQuery
React.js组件实现拖拽排序组件功能过程解析
Apr 27 Javascript
JavaScript设计模式--简单工厂模式定义与应用案例详解
May 23 Javascript
小程序自定义轮播图圆点组件
Jun 25 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中MVC的开发经验分享
2012/05/17 PHP
php像数组一样存取和修改字符串字符
2014/03/21 PHP
PHP7+Nginx的配置与安装教程详解
2016/05/10 PHP
javascript 二维数组的实现与应用
2010/03/16 Javascript
javascript中的对象创建 实例附注释
2011/02/08 Javascript
有关于JS辅助函数inherit()的问题
2013/04/07 Javascript
JavaScript中document对象使用详解
2015/01/06 Javascript
跟我学习javascript的Date对象
2015/11/19 Javascript
js实现简单排列组合的方法
2016/01/27 Javascript
js将json格式的对象拼接成复杂的url参数方法
2016/05/25 Javascript
AngularJs上传前预览图片的实例代码
2017/01/20 Javascript
js canvas实现放大镜查看图片功能
2017/06/08 Javascript
详解webpack3如何正确引用并使用jQuery库
2017/08/26 jQuery
使用element-ui table expand展开行实现手风琴效果
2019/03/15 Javascript
vue使用showdown并实现代码区域高亮的示例代码
2019/10/17 Javascript
JavaScript实现好看的跟随彩色气泡效果
2020/02/06 Javascript
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
2020/02/15 Javascript
Vue循环中多个input绑定指定v-model实例
2020/08/31 Javascript
Python 在字符串中加入变量的实例讲解
2018/05/02 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
Flask框架实现的前端RSA加密与后端Python解密功能详解
2019/08/13 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
Python3基本输入与输出操作实例分析
2020/02/14 Python
Python Tricks 使用 pywinrm 远程控制 Windows 主机的方法
2020/07/21 Python
python 实现网易邮箱邮件阅读和删除的辅助小脚本
2021/03/01 Python
HTML5 canvas基本绘图之图形组合
2016/06/27 HTML / CSS
简历中的自我评价范文
2014/02/05 职场文书
会计专业大学生职业生涯规划书
2014/02/11 职场文书
小学毕业感言500字
2014/02/28 职场文书
物流管理专业求职信
2014/05/29 职场文书
管辖权异议上诉状
2015/05/23 职场文书
婚庆答谢词大全
2015/09/29 职场文书
2015年挂职锻炼个人总结
2015/10/22 职场文书
关于战胜挫折的名言警句大全!
2019/07/05 职场文书
mysql中整数数据类型tinyint详解
2021/12/06 MySQL
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android