jQuery實(shí)現(xiàn)區(qū)域打印功能代碼詳解

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

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

用jQuery打印插件printArea.js

$(function(){

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

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

});

});

DEMO中有這樣一段代碼：

點(diǎn)擊這里打印>>

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

當(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則會(huì)新開一個(gè)窗口頁(yè)面打印。

2、popTitle：設(shè)置新開窗口的標(biāo)題，默認(rèn)為空。

3、popClose：完成打印后是否關(guān)閉窗口，默認(rèn)為false。

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

以上所述是小編給大家介紹的jQuery實(shí)現(xiàn)區(qū)域打印功能代碼詳解，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)phpstudy網(wǎng)站的支持！相關(guān)閱讀:

Linux系統(tǒng)中使用屏幕鍵盤的方法

基于Android設(shè)計(jì)模式之--SDK源碼之策略模式的詳解

JS實(shí)現(xiàn)金額轉(zhuǎn)換(將輸入的阿拉伯?dāng)?shù)字)轉(zhuǎn)換成中文的實(shí)現(xiàn)代碼

mysql 5.7.14 安裝配置圖文教程

Windows 10手機(jī)Android apk實(shí)用工具怎么實(shí)現(xiàn)一鍵安裝？

win2008下網(wǎng)站首頁(yè)后面的index.html如何去掉?

CI框架中l(wèi)ibraries,helpers,hooks文件夾詳細(xì)說明

android開發(fā)之橫向滾動(dòng)/豎向滾動(dòng)的ListView(固定列頭)

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

淺談json取值(對(duì)象和數(shù)組)

MySQL-tpch 測(cè)試工具簡(jiǎn)要手冊(cè)

Mac系統(tǒng)替換軟件應(yīng)用內(nèi)文件的詳細(xì)教程

深入介紹Java對(duì)象初始化

C#中sizeof的用法實(shí)例分析

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。