Notification.permission = status;
}
});
}
var button = document.getElementsByTagName("button")[0];
button.addEventListener("click", function() {
// 如果用户同意就创建一个通知
if (window.Notification && Notification.permission === "granted") {
var n = new Notification("Hi！");
}
// 如果用户没有选择是否显示通知
// 注：因为在 Chrome 中我们无法确定 permission 属性是否有值，因此
// 检查该属性的值是否是 "default" 是不安全的。
else if (window.Notification && Notification.permission !== "denied") {
Notification.requestPermission(function(status) {
if (Notification.permission !== status) {
Notification.permission = status;
}
// 如果用户同意了
if (status === "granted") {
var n = new Notification("Hi!");
}
// 否则，我们可以让步的使用常规模态的 alert
else {
alert("Hi!");
}
});
}
// 如果用户拒绝接受通知
else {
// 我们可以让步的使用常规模态的 alert
alert("Hi!");
}
});
});
</script>
</html>
当我们打开界面的时候，就会弹出授权申请，如果我们点击 允许 ，然后点击按钮，就可以发送一条通知到桌面，我们就可以在桌面右下角看到这条通知。
上面我们只是显示一条消息。
if (status === "granted") {
var n = new Notification("Hi");
}如果我们有很多消息的话，比如我是用个for循环来模拟大量通知的情况。
for(var i=0; i<10; i++) {
var n = new Notification("Hi,"+i);
}可以看到有10条通知都显示出来。但是某些情况下对于用户来说，显示大量通知是件令人痛苦的事情。
比如，如果一个即时通信应用向用户提示每一条传入的消息。为了避免数以百计的不必要通知铺满用户的桌面，可能需要接管一个挂起消息的队列。
因此，需要为新建的通知添加一个 标记 。
如果有一条新通知和上一条通知具有相同的标记，那么这条新通知将会替换上一条通知，最后桌面上只会显示最新的通知。
还是上面的例子，只需要在触发通知加个 tag 属性即可：
for (var i = 0; i < 10; i++) {
// 最后只看到内容为 "Hi! 9" 的通知
