jQuery實現(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">點擊這里打印>></a></p> <div id="my_area"> ...打印區(qū)域...<br/> </div>
當(dāng)單擊打印按鈕時,調(diào)用件printArea.js插件。該插件還提供了一些參數(shù)可配置,使用方法:$(element).printArea(option)。
參數(shù)設(shè)置:
1、mode:模式,當(dāng)點擊打印按鈕時觸發(fā)模式,默認(rèn)為iframe,當(dāng)設(shè)置為popup則會新開一個窗口頁面打印。
2、popTitle:設(shè)置新開窗口的標(biāo)題,默認(rèn)為空。
3、popClose:完成打印后是否關(guān)閉窗口,默認(rèn)為false。
PS:IE瀏覽器打印頁面取出頁眉頁腳網(wǎng)址的方法:文件->頁面設(shè)置,將頁面和頁腳的輸入框清空即可。
以上所述是小編給大家介紹的jQuery實現(xiàn)區(qū)域打印功能代碼詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
jQuery實現(xiàn)的點贊隨機數(shù)字顯示動畫效果(附在線演示與demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)的點贊隨機數(shù)字顯示動畫效果,并附帶在線演示與demo源碼供讀者下載.涉及jQuery鼠標(biāo)事件響應(yīng)及基于animate動畫效果實現(xiàn)技巧,需要的朋友可以參考下2015-12-12jQuery創(chuàng)建及操作xml格式數(shù)據(jù)示例
這篇文章主要介紹了jQuery創(chuàng)建及操作xml格式數(shù)據(jù),結(jié)合實例形式分析了jQuery針對xml格式數(shù)據(jù)的創(chuàng)建、解析、添加等相關(guān)操作技巧,需要的朋友可以參考下2018-05-05jQuery簡單實現(xiàn)彩色云標(biāo)簽效果示例
這篇文章主要介紹了jQuery簡單實現(xiàn)彩色云標(biāo)簽效果,結(jié)合實例形式分析了jQuery隨機數(shù)運算與頁面元素樣式動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-08-0813 款最熱門的 jQuery 圖像 360 度旋轉(zhuǎn)插件推薦
這篇文章主要介紹了13 款最熱門的 jQuery 圖像 360 度旋轉(zhuǎn)插件,非常炫酷實用,有需要的小伙伴參考下2014-12-12jQuey將序列化對象在前臺顯示地實現(xiàn)代碼(方法總結(jié))
本文給大家分享jQuey將序列化對象在前臺顯示地的幾種方式,非常不錯,具有參考借鑒價值,需要的朋友一起看看吧2016-12-12