HTML5如何实现桌面通知提示功能-创新互联

这篇文章主要介绍HTML5如何实现桌面通知提示功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联建站是一家集网站建设,黄平企业网站建设,黄平品牌网站建设,网站定制,黄平网站建设报价,网络营销,网络优化,黄平网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

具体代码如下所示:

有人想加你为好友

;(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如何实现桌面通知提示功能”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


本文题目:HTML5如何实现桌面通知提示功能-创新互联
URL分享:http://pwwzsj.com/article/ceggoh.html