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 18:52:14