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的网址,不然会提示不安全, 不能修改通知权限,无法实现弹框

  • 相关阅读:
    [洛谷][P1503][鬼子进村][Treap]
    [noi 2004] 郁闷的出纳员
    bzoj 3224,tyvj 1728普通平衡树
    Treap
    [模拟赛]棘手的操作
    bzoj 4551[Tjoi2016&Heoi2016]树
    bzoj2527 [Poi2011]Meteors
    bzoj4152 [AMPPZ2014]The Captain
    bzoj4516 [Sdoi2016]生成魔咒
    bzoj4547 小奇的集合
  • 原文地址:https://www.cnblogs.com/gczmn/p/11327341.html
Copyright © 2011-2022 走看看