html5中的桌面提醒（web notifications）可以在當前頁面視窗彈出乙個訊息框，這個訊息框是跨 tab 視窗的、本地化的，可以疊加在其他程式介面上，不侷限與瀏覽器視窗內，觸發時及時瀏覽器最小化或者不在螢幕最前面也能顯示訊息窗，這在使用者開啟多個 tab 瀏覽網頁或最小化瀏覽器、或切換至其他軟體介面時，提醒比較方便，容易讓使用者看到。目前主要是 webkit 核心支援該功能。
該功能在 chrome 下需要以 http 方式開啟網頁才能啟用。
桌面提醒功能由 window.webkitnotifications 物件實現（webkit核心）。
window.webkitnotifications 物件沒有屬性，有四個方法：
1.requestpermission()
1：表示預設狀態，使用者既未拒絕，也未同意；
2.checkpermission()
這個方法用於獲取 requestpermission() 申請到的許可權的狀態值。
3.createnotification()
title：訊息的標題，
body：訊息主體文字內容
該方法會返回乙個 notification物件，可以針對這個物件做更多的設定。
notification 物件的屬性與方法：
dir: ""onclick:null
onclose:
null
ondisplay:
function
(event)
cancel:
function
cancel()
close:
function
close()
constructor:
function
notification()
dispatchevent:
function
dispatchevent()
removeeventlistener:
function
removeeventlistener()
show:
function
show()
__proto__: object
dir：設定訊息的排列方向，可取值為「auto」(自動), 「ltr」(left to right), 「rtl」(right to left)。
tag：為訊息新增標籤名。如果設定此屬性，當有新訊息提醒時，標籤相同的訊息只顯示在同乙個訊息框，後乙個訊息框會替換先前乙個，否則出現多個訊息提示框，但是最多值顯示3個訊息框，超過3個，後繼訊息通知會被阻塞。
onshow：當訊息框顯示的時候觸發該事件；
onclick： 當點選訊息框的時候觸發該事件；
onclose：當訊息關閉的時候觸發該事件；
onerror：當出現錯誤的時候觸發該事件；
方法：addeventlistener && removeeventlistener：常規的新增和移除事件方法；
4.createhtmlnotification()
該方法與 createnotification() 不同的是，他以html方式建立訊息，接受乙個引數： html 檔案的url，該方法同樣返回 notification物件。
乙個例項：
HTML 5 桌面提醒
notification.requestpermission 該方法將向使用者請求詢問顯示提示框的許可權。返回值有三個 default 預設 granted 允許 denied 拒絕 var notify new notification title,options 建構函式，兩個引數為title ...
html5桌面提醒功能
html5中的桌面提醒 web notifications 能夠讓使用者在作業系統桌面得到實時的訊息提醒，在網頁多視窗聊天的時候，這一功能將極大的方便使用者。但是實現這一功能的瀏覽器均以webkit為核心。應用的範圍還很有限 1.api介紹 桌面提醒功能是由window物件下的webkitnotif...
前端HTML5桌面通知
notification api 是 html5 新增的桌面通知 api，用於向使用者顯示通知資訊。該通知是脫離瀏覽器的，即使使用者沒有停留在當前標籤頁，甚至最小化了瀏覽器，該通知資訊也一樣會置頂顯示出來。通過這種方式，就可以利用瀏覽器來為使用者推送訊息啦。facebook的web版本，就已經應用了...