1. 程式人生 > >jQuery列印外掛JQPRINT

jQuery列印外掛JQPRINT

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!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


           

給我老師的人工智慧教程打call!http://blog.csdn.net/jiangjunshow

這裡寫圖片描述