web的各種前端列印方法之jquery列印外掛程式PrintArea實現網頁列印

第一步：
jquery.PrintArea.js下載
js引用 複製代碼 代碼如下:<script language="javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery.PrintArea.js"></script>

html引用： 複製代碼 代碼如下:<div class="my_show">
這個是列印時顯示的。
</div>
<div class="my_hidden">
這個是列印時隱藏的。
</div>
<input type="button" id="print"/>

javascript代碼： 複製代碼 代碼如下:$(document).ready(function(){
$("#print").click(function(){
$(".my_show").printArea();
});
});

這個外掛程式還提供了一些參數可配置，使用的方法：$（element).printArea(option).
這個方法我自己沒有用過，大家嘗試是，有問題的留言哈。

參數設定：
1.mode：模式，當點擊列印按鈕時觸發模式，預設為iframe，當設定為popup則會新開一個視窗頁面列印。
2.popTitle：設定新開視窗的標題，預設為空白。
3.popClose：完成列印後是否關閉視窗，預設為false。