今天小編給大家分享一下HTML5的Notifycations怎么應(yīng)用的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

創(chuàng)新互聯(lián)長(zhǎng)期為數(shù)千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為榕城企業(yè)提供專業(yè)的網(wǎng)站設(shè)計(jì)制作、網(wǎng)站制作，榕城網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

HTML5中的桌面提醒（網(wǎng)絡(luò)通知）可以在當(dāng)前頁面窗口上放置一個(gè)消息框，這個(gè)消息框是跨Tab窗口的，這在用戶打開多個(gè)tab瀏覽網(wǎng)頁時(shí)，提醒比較方便，容易讓用戶看到。只要是webkit內(nèi)核支持該功能。

該功能在chrome下需要以http方式打開網(wǎng)頁才能

啟用。桌面提醒功能由window.webkitNotifications對(duì)象實(shí)現(xiàn)（webkit內(nèi)核）

window.webkitNotifications對(duì)象沒有屬性，有四個(gè)方法：

1.requestPermission（）

該方法用于向用戶申請(qǐng)消息提醒權(quán)限，如果當(dāng)前沒有開放該權(quán)限，瀏覽器將打開授權(quán)界面，用戶授權(quán)后，在對(duì)象內(nèi)部產(chǎn)生一個(gè)狀態(tài)值（一個(gè)0、1或2的整數(shù)）：

0：表示用戶同意消息提醒，只在該狀態(tài)下可以使用信息提醒功能；

1：表示狀態(tài)，用戶既未拒絕，也未同意；

2：表示用戶拒絕消息提醒

2.checkPermission（）

這個(gè)方法用于獲取requestPermission（）申請(qǐng)到的權(quán)限的狀態(tài)值。

3.createNotification（）

這個(gè)方法以純消息的方式創(chuàng)建提醒消息，它接受三個(gè)字符串參數(shù)：

iconURL：消息在顯示中的圖標(biāo)種植地址，

標(biāo)題：消息的標(biāo)題，

body：消息主體文本內(nèi)容

該方法會(huì)返回一個(gè)Notification對(duì)象，可以針對(duì)這個(gè)對(duì)象做更多的設(shè)置。Notification

對(duì)象的屬性與方法：

復(fù)制代碼代碼如下： 

DIR： “”

的onclick：空

的OnClose：空

ondisplay：功能（事件）{

的onerror：空

OnShow中：空

replaceId： “”

標(biāo)簽： “”

__ PR oto__：通知

的addEventListener：功能的addEventListener（）{[本地代碼]}

取消：函數(shù)cancel（）{[本機(jī)代碼]}

close：函數(shù)close（）{[本機(jī)代碼]}

構(gòu)造函數(shù)：函數(shù)Notification（）{[本機(jī)代碼]}

dispatchEvent：函數(shù)dispatchEvent（）{[本機(jī)代碼]}

removeEventListener：函數(shù)removeEventListener （）{[本機(jī)代碼]}

show：函數(shù)show（）{[本機(jī)代碼]}

__proto__：對(duì)象

dir：設(shè)置消息的分配方向，可取到“ auto”（自動(dòng)），“ ltr”（從左到右），“ rtl”（從右到左）。

標(biāo)簽：為消息添加標(biāo)簽名。如果設(shè)置此屬性，當(dāng)有新消息提醒時(shí)，標(biāo)簽相同的消息只顯示在同一個(gè)消息框，后一個(gè)消息框會(huì)替換先前一個(gè)，否則出現(xiàn)多個(gè)消息提示框，但最大值顯示3個(gè)消息框，超過3個(gè)，后繼消息通知會(huì)被阻塞。

OnShow中：當(dāng)消息框顯示的時(shí)候觸發(fā)該事件;

的onclick：當(dāng)點(diǎn)擊消息框的時(shí)候觸發(fā)該事件;

OnClose中：當(dāng)消息關(guān)閉的時(shí)候觸發(fā)該事件;

的onerror：當(dāng)出現(xiàn)錯(cuò)誤的時(shí)候觸發(fā)該事件；

方法：

addEventListener && removeEventListener：常規(guī)的添加和

刪除事件方法；顯示：顯示消息提醒框；

關(guān)閉：關(guān)閉消息提醒框；

取消：關(guān)閉消息提醒框，和close一樣；

4.createHTMLNotification（）

該方法與createNotification（）不同的是，他以HTML方式創(chuàng)建消息，接受一個(gè)參數(shù)：HTML文件的URL，該方法同時(shí)返回Notification對(duì)象。

一個(gè)實(shí)例：

復(fù)制代碼代碼如下： 

<！DOCTYPE HTML>