具体代码如下所示:
<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 户允许通知, 用户目前还没有管, 用户嫌弃
总结
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。