Html5桌面提醒

<!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>

网站题目：Html5桌面提醒
分享链接：https://www.cdcxhl.com/article26/iiihjg.html

成都网站建设公司_创新互联，为您提供软件开发、电子商务、网站内链、、移动网站建设、App设计

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容