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

本文深入解析Web Notifications API,介绍notification对象、NotificationCenter接口及其使用方法,包括如何获取显示权限、创建文本和HTML通知,以及浏览器兼容性情况。
摘要由CSDN通过智能技术生成

通过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
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值