`

JQPRINT-不错的jquery打印插件

阅读更多
JQPRINT-不错的jquery打印插件
        jqprint是jquery的一个打印插件,是jPrintArea的加强版(官网是这么说的,具体可以看下面引自官网的一段话),可以打印选定的区域,没有页眉和页脚大笑,还是非常好用滴!

       要能运行这个打印插件当然要先引进相关js了,jquery当然是不可少的,还需要引进的就是jqprint的js。

jquery.jqprint-0.3.js下载地址:
http://download.csdn.net/detail/hongrj/4853985

示例:
[html] view plaincopy
<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> 


可以以对象形式传入四组参数:
[javascript] view plaincopy

        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 



调用方式:
[html] view plaincopy
var o = $("#divToPrint"); 
o.jqprint(); 
// or 
$("#divToPrint").jqprint(); 
$('#divOpera').jqprint({ operaSupport: true }); 


以下是引自http://archive.plugins.jquery.com/project/jqPrint jquery插件官网的一段注解
JQPRINT


Submitted by tanathos on May 13, 2009 - 5:16am
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.
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics