DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> web的各種前端打印方法之jquery打印插件PrintArea實現網頁打印
web的各種前端打印方法之jquery打印插件PrintArea實現網頁打印
編輯:JQuery特效代碼     
第一步
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。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved