zoukankan      html  css  js  c++  java
  • 简单的web Notifations发通知

    Web Notifications API 使页面可以发出通知,通知将被显示在页面之外的系统层面上(通常使用操作系统的标准通知机制,但是在不同的平台和浏览器上的表现会有差异)

    Notification.requestPermission( function(status) {    //让用户进行通知权限选择,根据用户的选择进行操作
    console.log(status); // 仅当值为 "granted" 时显示通知
    var n = new Notification("title", {body: "notification body"}); // 显示通知
    });

    一、
    可以通过检查只读属性 Notification.permission 的值来查看你是否已经有权限(Safari 和 Chrome (在 32 版本之前) 还没有实现 permission 属性)

    default
    用户还未被询问是否授权,所以通知不会被显示。
    granted
    表示之前已经询问过用户,并且用户已经授予了显示通知的权限。
    denied
    用户已经明确的拒绝了显示通知的权限。

    二、

    在 Notification 实例层面上会有4个事件被触发:
    show
    当通知被显示给用户时触发。
    click
    当用户点击通知时触发。
    close
    当通知被关闭时触发。
    error
    当通知发生错误的时候触发。这通常是因为通知由于某些原因而无法显示。
    这些事件可以通过事件处理跟踪 onshow、onclick、onclose 和 onerror。
    因为 Notification 同样继承自 EventTarget,因此可以对它调用 addEventListener() 方法。

  • 相关阅读:
    select 1
    使用Word2016发布CSDN博客
    使用word 2013 发布csdn博客
    使用word写CSDN博客文章
    用Word 写csdn blog
    如何使用office2016发布CSDN博客
    用word发CSDN blog
    使用word文档直接发表博客 8 )
    将Word发布到博客园
    Word 2010发布博客文章(修正)
  • 原文地址:https://www.cnblogs.com/xinyouhunran/p/11190443.html
Copyright © 2011-2022 走看看