html消息提示图标,简单了解HTML5的消息通知(Web Notifications)

前些天浏览网站的时候突然跳出个通知的允许与禁止，觉得很有新颖还很有意思，决定学习一下

了解得知这个是HTML5的消息通知机制notification

首先感谢以下文章帮助我少走了很多弯路

相信大家在看一些新闻，视频类的网站时会跳出一些通知

通知

当授权后有时候会跳出推送的消息

通知消息

这些功能很多主流网站已经在使用了，是时候好好学上一波了。

其实很简单，这玩意只需要对照notification这个接口即可。

在使用前查查是否是自己需要的，避免浪费时间

notifacation兼容性

想要了解怎么使用，没问题先把代码复制跑一边啥事都解决了。

// html

点击

// js

window.onload = function() {

//首先询问用户是否授权，只有授权后才能显示 Notification.requestPermission()

var btn = document.getElementBy