jQuery實(shí)現(xiàn)區(qū)域打印功能代碼詳解
使用CSS控制打印樣式，需要設(shè)置樣式media="print"，并且將頁面中不需要打印的元素的樣式display屬性設(shè)置為none。如DEMO中，我將頁頭頁腳及其他不需要打印的元素的樣式設(shè)置如下：
<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">點(diǎn)擊這里打印>></a></p> <div id="my_area"> ...打印區(qū)域...<br/> </div>
當(dāng)單擊打印按鈕時(shí)，調(diào)用件printArea.js插件。該插件還提供了一些參數(shù)可配置，使用方法：$(element).printArea(option)。
參數(shù)設(shè)置：
1、mode：模式，當(dāng)點(diǎn)擊打印按鈕時(shí)觸發(fā)模式，默認(rèn)為iframe，當(dāng)設(shè)置為popup則會新開一個(gè)窗口頁面打印。
2、popTitle：設(shè)置新開窗口的標(biāo)題，默認(rèn)為空。
3、popClose：完成打印后是否關(guān)閉窗口，默認(rèn)為false。
PS：IE瀏覽器打印頁面取出頁眉頁腳網(wǎng)址的方法：文件->頁面設(shè)置，將頁面和頁腳的輸入框清空即可。
以上所述是小編給大家介紹的jQuery實(shí)現(xiàn)區(qū)域打印功能代碼詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jQuery手風(fēng)琴的簡單制作，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
性能優(yōu)化遇到很多細(xì)節(jié)問題(for與each性能比較)記錄下來分享給大家，希望對你有所幫助2013-05-05
jquery調(diào)整表格行tr上下順序?qū)嵗v解
這篇文章主要為大家介紹了jquery調(diào)整表格行tr上下順序?qū)嵗?，具有一定的參考價(jià)值，感興趣的朋友可以參考一下2016-01-01
下面小編就為大家?guī)硪黄钊肜斫?.each和$(selector).each。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
jQuery實(shí)現(xiàn)HTML元素隱藏和顯示
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)HTML元素隱藏和顯示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
由于Html里只有input元素?fù)碛衜axlength屬性，而textarea沒有,所以以前對于文本框字?jǐn)?shù)限制做了很多方案的解決，但是都不太完美。2009-11-11
在使用jquery操作js時(shí)，經(jīng)常弄不明白this與$(this)。最近不是很忙，抽空仔細(xì)研究了一下，記錄下來以供在忘記的時(shí)候拉出來參考參考！2014-11-11
解決Jquery鼠標(biāo)經(jīng)過不?；瑒拥膯栴}
在鼠標(biāo)經(jīng)過的時(shí)候不停的顯示隱藏html元素，正確的寫法應(yīng)該是下面這樣的,需要的朋友可以參考下2014-03-03
淺析LigerUi開發(fā)中謹(jǐn)慎載入common.css文件
這一句是載頁面載入時(shí)，顯示正在載入動畫效果，但是極大影響了程序開發(fā)里的調(diào)試。給新手的建議，希望可以參考下2013-07-07
jquery是一個(gè)js插件庫,現(xiàn)在很多前端開發(fā)人員都是使用它來操作dom的,對于dom操作,jquery提供了很多方法,這篇文章主要給大家介紹了關(guān)于jquery給元素設(shè)置屬性的簡單方法,需要的朋友可以參考下2023-06-06