閱讀602 返回首頁    go 阿裏雲 go 技術社區[雲棲]


jQuery打印插件JQPRINT

jqPrint是jquery的一個打印插件,是jPrintArea的加強版(官網是這麼說的,具體可以看下麵引自官網的一段話),可以打印選定的區域,沒有頁眉和頁腳,還是非常好用滴!要能運行這個打印插件當然要先引進相關js了,jquery當然是不可少的,還需要引進的就是jqPrint的js。

jquery.jqprint-0.3.js下載地址:https://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 >
<table>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
</table>
</div>
<input type="button" 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 });


以下是引自https://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!

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


最後更新:2017-04-03 20:19:09

  上一篇:go 基於bootstrap實現可視化布局工具
  下一篇:go VM中裝Linux換ISO文件報錯&quot;該光盤無法被掛載&quot;