这篇文章主要介绍了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 户允许通知, 用户目前还没有管, 用户嫌弃
总结
以上就是h5实现桌面通知以及提示功能的实例的详细内容。