可以按以下方式发送通知 - 首先检查通知是否受支持，然后检查是否已授予当前来源的发送通知的权限，然后如果需要请求权限，发送一个通知。 - 在线编辑器

<button onclick="notifyMe()">提醒我！</button>

<script>
function notifyMe() {
  // 让我们检查浏览器是否支持通知
  if (!("Notification" in window)) {
    alert("该浏览器不支持桌面通知");
  }

  // 让我们检查通知权限是否已被授予
  else if (Notification.permission === "granted") {
    // 如果可以的话，我们来创建一个通知
    var notification = new Notification("Hi there!");
  }

  // 否则，我们需要征求用户的许可
  else if (Notification.permission !== "denied") {
    Notification.requestPermission().then(function (permission) {
      // 如果用户接受，我们创建一个通知
      if (permission === "granted") {
        var notification = new Notification("Hi there!");
      }
    });
  }

  // 最后，如果用户拒绝了通知，并且您希望得到尊重，则无需再理会它们。
}
</script>
​x
 
<button onclick="notifyMe()">提醒我！</button>
​
<script>
function notifyMe() {
  // 让我们检查浏览器是否支持通知
  if (!("Notification" in window)) {
    alert("该浏览器不支持桌面通知");
  }
​
  // 让我们检查通知权限是否已被授予
  else if (Notification.permission === "granted") {
    // 如果可以的话，我们来创建一个通知
    var notification = new Notification("Hi there!");
  }
​
  // 否则，我们需要征求用户的许可
  else if (Notification.permission !== "denied") {
    Notification.requestPermission().then(function (permission) {
      // 如果用户接受，我们创建一个通知
      if (permission === "granted") {
        var notification = new Notification("Hi there!");
      }
    });
  }
​
  // 最后，如果用户拒绝了通知，并且您希望得到尊重，则无需再理会它们。
}
</script>
​