html5桌面提醒Notification

最新推荐文章于 2023-06-21 16:07:03 发布

转载最新推荐文章于 2023-06-21 16:07:03 发布 · 88 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/zhuyaxiong/blog/664374

本文介绍了一种利用JavaScript的Notification API实现桌面通知的方法。通过示例代码展示了如何请求权限、创建并设置通知消息，以及如何在用户点击通知时打开指定网页。此技术适用于现代浏览器，为Web应用提供了一种与用户进行即时互动的有效方式。

function showMsg(title, body, callback){	
		if(! ('Notification' in window) ){
			alert('Sorry bro, your browser is not good enough to display notification');
			return;
		}	
		
		Notification.requestPermission(function(permission){
			var options = {body:body,icon:"http://shop.ddt123.cn/favicon.ico"};
			var notification = new Notification(title,options);
			notification.onclick  = function(){window.open(callback);}
		});
	}
showMsg("温馨提示:","您有一个新的订单,点击查看","http://www.baidu.com");

转载于:https://my.oschina.net/zhuyaxiong/blog/664374