<html> <head> <title>浏览器桌面提醒</title> <script> function notify(title, content) { if(!title && !content){ title = "桌面提醒"; content = "您看到此条信息桌面提醒设置成功"; } var iconUrl = "http://www.zhoupengyu.cn/favicon.ico"; if (window.webkitNotifications) { //chrome老版本 if (window.webkitNotifications.checkPermission() == 0) { var notif = window.webkitNotifications.createNotification(iconUrl, title, content); notif.display = function() {} notif.onerror = function() {} notif.onclose = function() {} notif.onclick = function() {this.cancel();} notif.replaceId = ‘Meteoric‘; notif.show(); } else { window.webkitNotifications.requestPermission($jy.notify); } } else if("Notification" in window){ // 判断是否有权限 if (Notification.permission === "granted") { var notification = new Notification(title, { "icon": iconUrl, "body": content, }); } //如果没权限,则请求权限 else if (Notification.permission !== ‘denied‘) { Notification.requestPermission(function(permission) { // Whatever the user answers, we make sure we store the // information if (!(‘permission‘ in Notification)) { Notification.permission = permission; } //如果接受请求 if (permission === "granted") { var notification = new Notification(title, { "icon": iconUrl, "body": content, }); } }); } } } function autoClose(notification) { if (typeof notification.time === ‘undefined‘ || notification.time <= 0) { notification.close(); } else { setTimeout(function() { notification.close(); }, notification.time); } notification.addEventListener(‘click‘, function() { notification.close(); }, false) } </script> </head> <body> <button onclick="notify(‘温馨提示:‘,‘您收到一条新消息,请注意查收!‘)"> Click me! </button> </body> </html>
时间: 2024-11-08 18:32:45