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 相关文章推荐
动态控制Table的js代码
Mar 07 Javascript
javascript getElementsByTagName
Jan 31 Javascript
js中eval详解
Mar 30 Javascript
Js中的onblur和onfocus事件应用介绍
Aug 27 Javascript
javascript获取四位数字或者字母的随机数
Jan 09 Javascript
JavaScript实现点击文本自动定位到下拉框选中操作
Jun 15 Javascript
JS获取子、父、兄节点方法小结
Aug 14 Javascript
JS中的Replace()传入函数时的用法详解
Sep 11 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
Feb 24 Javascript
VUE实现图片验证码功能
Nov 18 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
Jun 23 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
Oct 29 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笔记之:初探PHPcms模块开发介绍
2013/04/26 PHP
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
2010/01/05 Javascript
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
2010/03/09 Javascript
基于jquery点击自以外任意处,关闭自身的代码
2012/02/10 Javascript
jquery实现按Enter键触发事件示例
2013/09/10 Javascript
jquery mobile事件多次绑定示例代码
2013/09/13 Javascript
javascript实现动态表头及表列的展现方法
2015/07/14 Javascript
浅析JS操作DOM的一些常用方法
2016/05/13 Javascript
jQuery动态添加可拖动元素完整实例(附demo源码下载)
2016/06/21 Javascript
基于JS快速实现导航下拉菜单动画效果附源码下载
2016/10/27 Javascript
微信小程序入门教程
2016/11/18 Javascript
微信小程序 石头剪刀布实例代码
2017/01/04 Javascript
Bootstrap选项卡学习笔记分享
2017/02/13 Javascript
JavaScript实现选中文字提示新浪微博分享效果
2017/06/15 Javascript
JS实现websocket长轮询实时消息提示的效果
2017/10/10 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
2018/08/13 Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
2018/08/19 Javascript
Python入门篇之编程习惯与特点
2014/10/17 Python
python实现类的静态变量用法实例
2015/05/08 Python
Python正则表达式经典入门教程
2017/05/22 Python
Python列表解析配合if else的方法
2018/06/23 Python
python编写简易聊天室实现局域网内聊天功能
2018/07/28 Python
python3 webp转gif格式的实现示例
2019/12/10 Python
python网络爬虫实现发送短信验证码的方法
2021/02/25 Python
Html5 audio标签样式的修改
2016/01/28 HTML / CSS
基于HTML5的WebGL经典3D虚拟机房漫游动画
2017/11/15 HTML / CSS
BOSE德国官网:尽探索之力,享音乐之极
2016/12/11 全球购物
美国便宜的横幅和标志印刷在线:Best of Signs
2019/05/29 全球购物
建议书标准格式
2014/03/12 职场文书
2014年五一劳动节社区活动总结
2014/04/14 职场文书
欢迎家长标语
2014/10/08 职场文书
八达岭长城导游词
2015/01/30 职场文书
社区党务工作总结2015
2015/05/19 职场文书
六五普法学习心得体会
2016/01/21 职场文书
MySQL Server层四个日志的实现
2022/03/31 MySQL
SpringBoot使用AOP实现统计全局接口访问次数详解
2022/06/16 Java/Android