jq列印功能(PDF)
阿新 • • 發佈:2019-01-26
1、如何使用jq列印頁面
首先引入jquery-1.4.4.min.js和jquery.jqprint-0.3.js兩個檔案,只引jquery-1.4.4.min.js沒有用,因為列印功能需要jquery.jqprint-0.3.js這個外掛
接下來在需要列印的內容外套div(注意是你需要列印的內容,不需要的不要包進去)並給定id
<div id="print-area">
<table>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
</table>
</div>
<input type="button" onclick=" print()" value="列印">
接下來用jq獲取ID內的內容進行列印
<script language="javascript">
function print(){
$("#print-area").jqprint({
debug: false,
importCSS: true,
printContainer: true,
operaSupport: false
});
}
</script>