Web打印
来源:互联网 发布:软件测试评审表 编辑:程序博客网 时间:2024/06/04 19:51
本文引自:http://www.cnblogs.com/xiaopohou/articles/3532980.html
注:
1:引用 JQuery 脚本的时候,引入1.11不好使,不知道是不是版本高的原因,换低版本的就可以了。
2:尽量不要用IE浏览器,因为那个设置感觉挺麻烦的,不如用谷歌,简单方便有效率。
3:打印的时候,表格的样式是有效的【仅限于行内样式】
jqprint是jquery的一个打印插件,是jPrintArea的加强版(官网是这么说的,具体可以看下面引自官网的一段话),可以打印选定的区域,没有页眉和页脚,还是非常好用滴!
要能运行这个打印插件当然要先引进相关js了,jquery当然是不可少的,还需要引进的就是jqprint的js。
jquery.jqprint-0.3.js下载地址:
http://download.csdn.net/detail/hongrj/4853985
示例:
- <html>
- <head>
- <script language="javascript" src="jquery-1.7.1.min.js"></script>
- <script language="javascript" src="jquery.jqprint-0.3.js"></script>
- <script language="javascript">
- function a(){
- $("#ddd").jqprint();
- }
- </script>
- </head>
- <body>
- <div id="ddd">
- <table>
- <tr>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- </tr>
- <tr>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- </tr>
- <tr>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- </tr>
- <tr>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- </tr>
- <tr>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- <td>test</td>
- </tr>
- </table>
- </div>
- <input type="button" onclick=" a()" value="print"/>
- </body>
- </html>
可以以对象形式传入四组参数:
- {
- 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
- }
调用方式:
- var o = $("#divToPrint");
- o.jqprint();
- // or
- $("#divToPrint").jqprint();
- $('#divOpera').jqprint({ operaSupport: true });
以下是引自http://archive.plugins.jquery.com/project/jqPrint jquery插件官网的一段注解
JQPRINT
This plugin is designed upon the well known jPrintArea, with some improvements and functionalities corrections. Rewritten as true jQuery plugin!
Version 0.3: now supports Opera!
HOW IT WORKS
Just calling the jqprint() method on jQuery object or selector:
var o = $("#divToPrint");
o.jqprint();
// or
$("#divToPrint").jqprint();
$('#divOpera').jqprint({ operaSupport: true });
PARAMETERS
- debug - Allows you to choose to make visible the iframe used for printing.
- importCSS - Css links in original page will be imported into iframe.
First it searchs for media='print', if there isn't, will be imported the normal css files. - printContainer - Indicates if the original selector object must be included into the print (attention: setting it to false may breaks your css rules).
- operaSupport - Indicates if the plugin must support also Opera, in that case it provides to build a temporary tab to print.
0 0
- web打印
- WEB打印
- web打印
- Web打印
- WEB打印
- web打印
- Web打印
- web打印
- WEB打印
- web打印
- web打印
- web打印
- Web打印
- WEB打印
- Web打印
- WEB打印
- web打印
- web打印
- 关于Handler的Post和Message的两种方法
- Linux下的proc/进程号目录
- 查看MySQL字符集的三种方法
- boost::asio编程-同步TCP
- 全国知名UED大全
- Web打印
- 安码招投标系统
- GitHub详细教程
- IOS 日期格式转换
- STM32——C语言数据类型
- oracle
- VS2012中使用(#import导入)tlb文件
- Java中构造方法、实例方法、类方法的区别
- cuda6.5 deviceQuery.exe