jQuery列印外掛JQPRINT
阿新 • • 發佈:2018-11-09
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow
也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!
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