您的位置：首页 > Web前端 > JQuery

jQuery打印插件JQPrint

2016-12-27 09:34 453 查看
jqPrint是jQuery的一个打印插件，是jPrintArea的加强版（官网是这么说的，具体可以看下面引自官网的一段话），可以打印选定的区域，没有页眉和页脚，还是非常好用滴！要能运行这个打印插件当然要先引进相关js了，jquery当然是不可少的，还需要引进的就是jqPrint的js。

jquery.jqprint-0.3.js

<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>
</table>
</div>
<input type="button" onclick="a()" value="print"/>
</body>
</html>可以以对象形式传入四组参数

// 如果是true则可以显示iframe查看效果（iframe默认高和宽都很小，可以再源码中调大），默认是false
debug: false,

// true表示引进原来的页面的css，默认是true。（如果是true，先会找$("link[media=print]")，若没有会去找$("link")中的css文件）
importCSS: true,

// 表示如果原来选择的对象必须被纳入打印（注意：设置为false可能会打破你的CSS规则）
printContainer: true,

// 表示如果插件也必须支持歌opera浏览器，在这种情况下，它提供了建立一个临时的打印选项卡。默认是true
operaSupport: true
调用方式

var o = $("#divToPrint");
o.jqprint();
$("#divToPrint").jqprint();
$('#divOpera').jqprint({ operaSupport: true });

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

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!
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航