html5开发技术已经是被大家所熟悉的开发技术，如今参加html培训学习的人也不在少数，本篇文章小编主要是给读者们分享一下如何实现html5中的web notification桌面右下角通知功能，感兴趣的小伙伴就随小编来了解一下吧。
html5桌面通知(web notifications)对于需要实现在新消息入线时，有桌面通知效果的情况下非常有用，在此简单介绍一下这个html5的新属性。
通过web notifications（桌面通知系统），网站可以在用户桌面弹出一条通知，无论用户是否浏览当前网页，甚至最小化了浏览器，通知均可到达用户桌面。
<script src=/jquery-1.8.0.min.js></script>
点我看右下角信息
<script>
function shownotification() {
window.notification.permission = granted;
alert(window.notification.permission);
if(window.notification) {
if(window.notification.permission == granted) {
var notification = new notification(你有一条新信息, {
body: 你好扣丁学堂,
icon: img/1.jpg
});
settimeout(function() { notification.close(); }, 5000);
} else {
window.notification.requestpermission();
}
} else alert(你的浏览器不支持此消息提示功能，请使用chrome内核的浏览器！);
};
</script>
想要了解更多关于html5开发方面内容的小伙伴，请关注扣丁学堂html5培训官网、微信等平台，扣丁学堂it职业在线学习教育有专业的html5讲师为您指导，此外扣丁学堂老师精心推出的html5视频教程定能让你快速掌握html5从入门到精通开发实战技能。扣丁学堂h5技术交流群：673883249。
h5基础课程：/course/320523flowtoken=1008606【扫码进入html5前端开发vip免费公开课】
javavip课程：/course/308771taid=3521851708192291【扫码进入javaee/微服务vip免费公开课】
注：点击(了解更多)进入课程直播间

---