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