桌面提醒功能可以在窗口隱藏甚至是瀏覽器最小化（不被激活）的情況下，依然可以對用戶進行信息通信，采用的方式就是在電腦桌面的右下角彈出消息提示框。這樣的一個功能可以使用在一些消息推送的場景下。不過，雖然html5可以實現這樣的功能，但是目前瀏覽器對這個API的支持還不是很普及，其中Chrome和firefox都已經很好的支持，此外，要實現提醒功能，還需要用戶在瀏覽器進行授權操作，否則無法實現。

1.Notification.requestPermission()

該方法用于獲取用戶授權操作，會返回一個參數，分別對應著3種狀態，"granted"表示用戶同意消息提醒；“|default”表示默認狀態，既沒有同意也沒有拒絕；“denied”表示用戶拒絕消息提醒。這個值保存在一個內部變量中，并且是只讀的，通過checkPermission()方法可以提取到這個狀態值。

2. new Notification('titleTxt',{'iconUrl','bodyTxt','lang','tag',‘dir’})

這個方法用于創建消息提醒，接受三個參數：iconUrl是icon的地址，titleTxt是標題消息，bodyTxt是消息主體，tag是通知框ID，lang是語言，dir是方向，都是字符串類型。

3.Notification.close();

關閉通知窗口

挺簡單的一個API,下面看案例代碼：

//發出權限請求

Notification.requestPermission(function (perm) {

if (perm == "granted") {

//獲得允許權限

var n = new Notification("這是標題:", {

icon: "這是icon的url",

body:"這是主體信息"

});

}

setTimeout(function(){

//三秒后關閉

n.close();

},3000);

}) ;

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的HTML5 API详解（14）:Notification 实现桌面提醒的全部內容，希望文章能夠幫你解決所遇到的問題。

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