具體代碼如下所示：
<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實現桌面通知 提示功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持！
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。