第一步:
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。