HTML5實現桌面通知提示功能

具體代碼如下所示：

 <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()是個請求，讓瀏覽器出現是否允許通知的提示和Notification.permission 一樣返回3個值granted default denied 戶允許通知, 用戶目前還沒有管, 用戶嫌棄

以上所述是小編給大家介紹的HTML5實現桌面通知提示功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持！