有(yǒu)時(shí)我們需要打印頁面中的某一區(qū)域的內(nèi)容，比如隻打印頁面中的表格部分，其他如頁頭和(hé)頁腳都不需要打印。解決辦法有(yǒu)多(duō)種，本文隻探討(tǎo)使用CSS和(hé)jQuery實現的方法。

使用方法介紹：

CSS控制(zhì)頁面打印區(qū)域

使用CSS控制(zhì)打印樣式，需要設置樣式media="print"，并且将頁面中不需要打印的元素的樣式display屬性設置為(wèi)none。如DEMO中，我将頁頭頁腳及其他不需要打印的元素的樣式設置如下：

jQuery控制(zhì)頁面打印區(qū)域

這裏我要給大(dà)家(jiā)介紹一個(gè)jQuery打印插件printArea.js。該插件使用簡單，可(kě)以實現控制(zhì)打印頁面中指定的區(qū)域。

DEMO中有(yǒu)這樣一段代碼：

	點擊這裏打印>>



	...打印區(qū)域...

我們需要打印ID為(wèi)my_area的DIV區(qū)域，隻需要加入以下代碼：

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

當單擊打印按鈕時(shí)，調用件printArea.js插件。該插件還(hái)提供了一些(xiē)參數(shù)可(kě)配置，使用方法：$(element).printArea(option)。

參數(shù)設置：

1、mode：模式，當點擊打印按鈕時(shí)觸發模式，默認為(wèi)iframe，當設置為(wèi)popup則會(huì)新開(kāi)一個(gè)窗口頁面打印。

2、popTitle：設置新開(kāi)窗口的标題，默認為(wèi)空(kōng)。

3、popClose：完成打印後是否關閉窗口，默認為(wèi)false。

PS：IE浏覽器(qì)打印頁面取出頁眉頁腳網址的方法：文件->頁面設置，将頁面和(hé)頁腳的輸入框清空(kōng)即可(kě)。