jQuery打印插件JQPRINT

简介:

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>
</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!

原帖地址:http://blog.csdn.net/hongrj/article/details/8265367


目录
相关文章
|
9月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
44 0
|
10月前
|
JavaScript
jQuery 自定义插件
jQuery 自定义插件
32 0
|
10月前
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
40 0
|
2月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
22天前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
19 1
|
24天前
|
JavaScript PHP Perl
一篇文章讲明白jQuery插件之jqueryeditableplugin
一篇文章讲明白jQuery插件之jqueryeditableplugin
|
10月前
|
JavaScript
jQuery 自定义插件(详细步骤)
jQuery 自定义插件(详细步骤)
104 0
|
11月前
|
JavaScript
jQuery插件开发
jQuery插件开发
64 0
|
11月前
|
JavaScript
jQuery编写插件的两种方法
jQuery编写插件的两种方法
68 0
|
2月前
|
JavaScript 数据可视化 前端开发
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
29 0