1. Notification.requestPermission(function (status) {
    2.       console.log(status) // 仅当值为 "granted" 时显示通知
    3.       var n = new Notification('title', { body: 'notification body' }) // 显示通知
    4.     })
    1. <!--
    2.  * @Description: 
    3.  * @Author: huhaonan@sics.ac.cn
    4.  * @Date: 2021-07-13 17:37:54
    5.  * @LastEditors: huhaonan@sics.ac.cn
    6.  * @LastEditTime: 2022-06-23 14:52:45
    7. -->
    8. <!DOCTYPE html>
    9. <html lang="en">
    11.   <head>
    12.     <meta charset="UTF-8">
    13.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    14.     <meta name="viewport" content="width=header, initial-scale=1.0">
    15.     <title>Notification</title>
    16.   </head>
    18.   <body>
    19.     <header>
    21.     </header>
    22.     <script type="text/javascript">
    24.       function doNotify(title, options = {}, events = {}) {
    25.         const notification = new Notification(title, options);
    26.         for (let event in events) {
    27.           notification[event] = events[event];
    28.         }
    29.       }
    31.       function notify(title, options = {}, events = {}) {
    32.         console.log('lllllll')
    33.         if (!("Notification" in window)) {
    34.           return console.error("This browser does not support desktop notification");
    35.         }
    36.         else if (Notification.permission === "granted") {
    37.           doNotify(title, options, events);
    38.         } else if (Notification.permission !== "denied") {
    39.           Notification.requestPermission().then(function (permission) {
    40.             if (permission === "granted") {
    41.               doNotify(title, options, events);
    42.             }
    43.           });
    44.         }
    45.       }
    46.       notify("中奖提示", {
    47.         icon: "https://sf1-ttcdn-tos.pstatp.com/img/user-avatar/f1a9f122e925aeef5e4534ff7f706729~300x300.image",
    48.         body: "恭喜你，掘金签到一等奖",
    49.         tag: "prize"
    50.       }, {
    51.         onclick(ev) {
    52.           console.log(ev);
    53.           ev.target.close();
    54.           window.focus();
    55.         }
    56.       })
    57.     </script>
    58.   </body>
    60. </html>