Jqprint实现页面打印
好些项目需要实现页面打印,特别是一些后台管理类系统,下面介绍一款轻量级的打印插件:
1、实现页面打印要引入jQuery和Jqprint。点击下载Jqprint插件
<scriptlanguage="javascript"src="jquery-1.4.4.min.js"></script> <scriptlanguage="javascript"src="jquery.jqprint-0.3.js"></script>
2、HTML代码:
1 <divid="print-area"> 2 <table> 3 <tr> 4 <td>test</td> 5 <td>test</td> 6 <td>test</td> 7 <td>test</td> 8 <td>test</td> 9 </tr> 10 <tr> 11 <td>test</td> 12 <td>test</td> 13 <td>test</td> 14 <td>test</td> 15 <td>test</td> 16 </tr> 17 <tr> 18 <td>test</td> 19 <td>test</td> 20 <td>test</td> 21 <td>test</td> 22 <td>test</td> 23 </tr> 24 <tr> 25 <td>test</td> 26 <td>test</td> 27 <td>test</td> 28 <td>test</td> 29 <td>test</td> 30 </tr> 31 <tr> 32 <td>test</td> 33 <td>test</td> 34 <td>test</td> 35 <td>test</td> 36 <td>test</td> 37 </tr> 38 </table> 39 </div> 40 <inputtype="button"onclick=" print()"value="打印">
3、JavaScript代码:
1 <script language="javascript"> 2 functionprint(){3 $("#print-area").jqprint({4 debug: false,5 importCSS: true,6 printContainer: true,7 operaSupport: false 8 });9 }10 </script>
4、属性
- debug: false, //如果是true则可以显示iframe查看效果(iframe默认高和宽都很小,可以再源码中调大),默认是false
- importCSS: true, //true表示引进原来的页面的css,默认是true。(如果是true,先会找$("link[media=print]"),若没有会去找$("link")中的css文件)
- printContainer: true, //表示如果原来选择的对象必须被纳入打印(注意:设置为false可能会打破你的CSS规则)。
- operaSupport: false //表示如果插件也必须支持歌opera浏览器,在这种情况下,它提供了建立一个临时的打印选项卡。默认是true
5、特殊打印样式
如果在打印时需要独特的css样式,除了可以直接写在style属性内还可以通过
<link href="printStyle.css" rel="stylesheet"type="text/css" media="print">
来引用外部css文件中的样式。这样的好处是该样式只会在打印时才应用。
欢迎光临富录个人网站, 本文原文地址http://www.arbays.com/?post=9
转载于:https://www.cnblogs.com/dinggg/p/6252230.html
Jqprint实现页面打印相关推荐
- 使用jqprint插件完成页面打印
使用jqprint插件完成页面打印 jqprint是一个基于jQuery编写的页面打印的一个小插件,但是不得不承认这个插件确实很厉害,最近的项目中帮了我的大忙,在Web打印的方面,前端的打印基本是靠w ...
- jqprint 分页打印_JS实现页面打印(整体、局部)
我们在网页开发过程中经常会有打印页面的需求,通过JS来实现的方法有很多,这里我做了一个整理,供大家参考. 方式一:window.print() 整体打印 1打印 现在就轻松实现了页面的打印,但是这种方 ...
- 页面打印插件 jquery.jqprint.js 插件使用实例
页面打印插件 jquery.jqprint.js 插件使用实例 jquery.jqprint.js 插件下载 jqprint 是一个基于jQuery编写的页面打印的一个小插件,可以对页面指定元素的内容 ...
- jq jqprint 设置页脚_jQuery 插件 jqprint 实现浏览器页面打印和设置页眉页脚
使用 jqprint 插件实现浏览器页面打印,需要用到两个js文件,jquery.js 和 jqprint.js,本文使用 jquery-1.4.4.min.js,jquery.jqprint-0.3 ...
- jqprint 分页打印_Jqprint实现页面打印
好些项目需要实现页面打印,特别是一些后台管理类系统,下面介绍一款轻量级的打印插件: 1.实现页面打印要引入jQuery和Jqprint.点击下载Jqprint插件 2.HTML代码: test tes ...
- class jqprint 失效_jQuery打印插件jqprint
插件描述:一个通过单击页面按钮,便实现页面打印的jQuery插件jqprint. 2017-2-17更新(修改jQuery官方提供迁移辅助插件jquery-migrate-1.0.0.js失效地址) ...
- 开源的javascript实现页面打印功能,兼容所有的浏览器(情况属实)
这篇文章完全是属于技术文章,也是记录一下自己在项目当中遇到的坑爹问题啊,因为是B/S的程序,所以打印功能还是必须要有的,对于打印我选择了一个js插件,发现非常的简单和方便,所以这里拿出来和大家分享一下 ...
- 页面打印错误 抛出异常 公司内部用
//页面打印错误 String errorMsg = "";try {FormBean returnFB = this.getTriangleServiceDelegation() ...
- 随心所欲的Web页面打印技术
一.概述 对基于B/S架构的应用程序而言,客户端的页面打印一直是比较头疼的问题,简单的做法是:1.使用IE的打印功能:2.使用水晶报表.但以上两种办法,都有很大的局限性,很难实现特殊要求的排版和精 ...
最新文章
- ATSS : 目标检测的自适应正负anchor选择,很扎实的trick | CVPR 2020
- 【AOP 面向切面编程】Android Studio 使用 AspectJ 监控方法运行原理分析
- mc有什么红石机器人_mc:作为一个mc萌新应该掌握哪些基本功?还需要知道些什么?...
- TextView之二:常用属性
- (转)Three challenges you’re going to face when building a chatbot
- 为什么我喜欢Java的细节
- datetimepicker 更新值无效_文献阅读之Voronoi图的生成与更新
- php递归删除空数组,php 递归删除非空文件夹示例
- [debug+Python] 复制字典不能直接用 ‘=’,要用dict_name.copy()
- Linux系统下ActivityMQ的安装
- c语言如何做一个打卡的程序,C语言实现学生打卡系统
- Mac剪贴板复制粘贴内容管理: Paste
- 配音软件哪个好用?好用的配音软件有哪些?你不知道的3款配音软件
- ApacheCN 计算机视觉译文集 20210212 更新
- 【答粉丝问】面试时,面试官说“谈谈你的缺点”时,该怎么回答?
- c++ 复合类型 读书笔记(二)
- 计算机组成原理——微指令格式
- Linux下的gcc练习及练习使用opencv库
- Python 知识整理
- Tmall_Fore_home