使用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實現區域打印功能代碼詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！