html5桌面通知(Web Notifications)实例解析

通过Web Notifications（桌面通知系统），网站可以在用户桌面弹出一条通知，无论用户是否浏览当前网页，甚至最小化了浏览器，通知均可到达用户桌面。

一、Notification API

在 Notification API 中会用到两个对象， notification 对象和NotificationCenter 接口。

1、notification 对象

interface Notification : EventTarget {
 // display methods
 void show();
 void cancel();
 // event handler attributes
 attribute Function ondisplay;
 attribute Function onerror;
 attribute Function onclose;
 attribute Function onclick;
}

这就是notification需要使用到的接口，它有2个方法和相关的4个属性。

Notification 方法

用来显示和隐藏提示框的方法：

• Show - 该方法用来显示一个提醒
• Cancel - 该方法用来移除提醒，如果提醒当前被现实则会被隐藏，如果还未被显示，则将被阻止显示。

Notification 属性

通知属性用作事件监听器，监听提醒中的不同事件：

• ondisplay - 当 notification 被显示时调用
• onerror - 当 notification 出现错误时调用
• onclose - 当 notification 关闭时调用
• onclick - 当提示框被点击时调用

2、NotificationCenter 接口

interface Notificatio