DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> jQuery實現區域打印功能代碼詳解
jQuery實現區域打印功能代碼詳解
編輯:關於JavaScript     

使用CSS控制打印樣式,需要設置樣式media="print",並且將頁面中不需要打印的元素的樣式display屬性設置為none。如DEMO中,我將頁頭頁腳及其他不需要打印的元素的樣式設置如下:

<style type="text/css" media="print"> 
#header,.top_title,#jqprint,#footer,#cssprint h3{display:none} 
</style> 

用jQuery打印插件printArea.js

$(function(){ 
$("#print_btn").click(function(){ 
$("#my_area").printArea(); 
}); 
}); 

DEMO中有這樣一段代碼:

<p><a href="#" id="print_btn">點擊這裡打印>></a></p> 
<div id="my_area"> 
...打印區域...<br/> 
</div> 

當單擊打印按鈕時,調用件printArea.js插件。該插件還提供了一些參數可配置,使用方法:$(element).printArea(option)。

參數設置:

1、mode:模式,當點擊打印按鈕時觸發模式,默認為iframe,當設置為popup則會新開一個窗口頁面打印。

2、popTitle:設置新開窗口的標題,默認為空。

3、popClose:完成打印後是否關閉窗口,默認為false。

PS:IE浏覽器打印頁面取出頁眉頁腳網址的方法:文件->頁面設置,將頁面和頁腳的輸入框清空即可。

以上所述是小編給大家介紹的jQuery實現區域打印功能代碼詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對百度網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved