0514-86177077
9:00-17:00(工作日)
具體代碼如下所示:
<button id="button">有人想加你為好友</button> <p id="text"></p> ;(function (){ if(window.Notification){ var btn = document.getElementById("button"); var txt = document.getElementById("text"); btn.onclick = function (){ if(Notification.permission == "granted"){ popNotice(); }else if(Notification.permission != "denied"){ Notification.requestPermission().then(function (permission){ popNotice() }) } }; function popNotice(){ if(Notification.permission == "granted"){ var notification = new Notification("你好:",{ body:"請問今晚有空嗎", icon:"http://image.zhangxinxu.com/左邊頭像地址" }); notification.onclick = function (){ txt.innerHTML = new Date().toTimeString().split(" ")[0]+"收到信息"; notification.close(); } } } }else{ console.log("瀏覽器不支持Notification"); } })();
Notification.requestPermission()是個請求 ,讓瀏覽器出現(xiàn)是否允許通知的提示 和 Notification.permission 一樣 返回 "3"個值 "granted" "default" "denied" 戶允許通知, 用戶目前還沒有管, 用戶嫌棄
總結(jié)
以上所述是小編給大家介紹的HTML5實現(xiàn)桌面通知 提示功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
標簽:咸寧 酒泉 西寧 廣西 淮安 十堰 佳木斯 南京
上一篇:canvas之自定義頭像功能實現(xiàn)代碼示例
下一篇:有關(guān)HTML5中背景音樂的自動播放功能
Copyright ? 1999-2012 誠信 合法 規(guī)范的巨人網(wǎng)絡通訊始建于2005年
蘇ICP備15040257號-8