zoukankan      html  css  js  c++  java
  • Notification 弹出一个通知在桌面右下角

                  if (!("Notification" in window)) {
                                //alert("This browser does not support desktop notification");
                              }
                              if (Notification.permission !== 'denied') {//判断是否授权,没授权先授权在通知
                                    Notification.requestPermission(function (permission) {
                                      // 如果用户同意,就可以向他们发送通知
                                      if (permission === "granted") {
                                        
                                        var notice_ = new Notification('通知', { body: '你有一条信息'});
                                        notice_.onclick = function() {//单击消息提示框,进入浏览器页面
                                            window.focus();
                                        }
                                      }
                                    });
                                }
                              if (Notification.permission === 'denied') {//已授权直接通知
                                    Notification.requestPermission(function (permission) {
                                          // 如果用户同意,就可以向他们发送通知
                                          if (permission === "granted") {
                                           
                                            var notice_ = new Notification('通知', { body: '你有一条信息'});
                                            notice_.onclick = function() {//单击消息提示框,进入浏览器页面
                                                window.focus();
                                            }
                                          }
                                        });
                                }

    ps : 谷歌浏览器需要是https的网址,不然会提示不安全, 不能修改通知权限,无法实现弹框

  • 相关阅读:
    oracle序列的使用
    oracle学习
    项目部署的一些问题
    mybatis的resultMap与resultType的区别
    react-router-dom路由switch使用
    Json.parse 和Json.stringfy()用法
    页面中js按顺序加载完全的方法
    伪数组转为真数组
    import和export的作用
    Object.entries()
  • 原文地址:https://www.cnblogs.com/gczmn/p/11327341.html
Copyright © 2011-2022 走看看