Html5桌面提醒

发布时间:2020-06-08 08:26:16 作者:lhp1986
来源:网络 阅读:738
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML5桌面消息提示</title>
<script>
function notify(title,content) {
	if(!title && !content){  
		title = "桌面提醒";  
		content = "您看到此条信息桌面提醒设置成功";  
	}  
	var iconUrl = "1.png";
	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,  
					});  
				}  
			});  
		}  
	}  
} 
</script>
</head>
<body>
<button onclick="notify('会员提醒','2个会员等待审核');">Show Notification</button>
</body>
</html>


推荐阅读:
  1. 关闭IOS升级提醒
  2. HTML5中Notifications桌面提醒怎么用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

chrome content html5

上一篇:PHP添加扩展错误 Cannot find config.m4.

下一篇:微信小程序源码解说:石头剪刀布(附源码下载)

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》