jQuery實現區域打印功能代碼詳解

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

#header,.top_title,#jqprint,#footer,#cssprint h3{display:none}

用jQuery打印插件printArea.js

$(function(){

$("#print_btn").click(function(){

$("#my_area").printArea();

});

});

DEMO中有這樣一段代碼：

點擊這里打印>>

...打印區域...

當單擊打印按鈕時，調用件printArea.js插件。該插件還提供了一些參數可配置，使用方法：$(element).printArea(option)。

參數設置：

1、mode：模式，當點擊打印按鈕時觸發模式，默認為iframe，當設置為popup則會新開一個窗口頁面打印。

2、popTitle：設置新開窗口的標題，默認為空。

3、popClose：完成打印后是否關閉窗口，默認為false。

PS：IE瀏覽器打印頁面取出頁眉頁腳網址的方法：文件->頁面設置，將頁面和頁腳的輸入框清空即可。

以上所述是小編給大家介紹的jQuery實現區域打印功能代碼詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對phpstudy網站的支持！相關閱讀:

Linux系統中使用屏幕鍵盤的方法

基于Android設計模式之--SDK源碼之策略模式的詳解

JS實現金額轉換(將輸入的阿拉伯數字)轉換成中文的實現代碼

mysql 5.7.14 安裝配置圖文教程

Windows 10手機Android apk實用工具怎么實現一鍵安裝？

win2008下網站首頁后面的index.html如何去掉?

CI框架中libraries,helpers,hooks文件夾詳細說明

android開發之橫向滾動/豎向滾動的ListView(固定列頭)

jQuery 取值、賦值的基本方法整理

淺談json取值(對象和數組)

MySQL-tpch 測試工具簡要手冊

Mac系統替換軟件應用內文件的詳細教程

深入介紹Java對象初始化

C#中sizeof的用法實例分析

總結

以上是生活随笔為你收集整理的php怎么自定义设置打印区域,JavaScript_jQuery实现区域打印功能代码详解，使用CSS控制打印样式，需要设 - phpStudy...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。