您的位置：网站首页 > 网络营销 > 网站制作 > chrome桌面通知
chrome桌面通知
来源： 日期：2015-11-04 20:49:14 人气：标签： 
开启桌面提醒：三道杠-显示高级设置-内容设置-通知-允许所有网站显示桌面通知
<!DOCTYPE html>
<html>
<head>
<title>Google 桌面通知</title>
</head>
<body>
<button id='btn'>显示桌面通知</button>
<script type='text/javascript'>
document.querySelector("#btn").addEventListener('click', notifyMe, false);
// window.setInterval(function(){ notifyMe();}, 10000);
function notifyMe() {
var iconUrl = "http://health.jsk365.com/images/logo.png";
var content = "消息的内容。。。";
// Let's check if the browser supports notifications
if (!("Notification" in window)) {
alert("This browser does not support desktop notification");
}
// Let's check whether notification permissions have already been granted
else if (Notification.permission === "granted") {
// If it's okay let's create a notification
var notification = new Notification("您有一条新的消息",{"icon": iconUrl,"body": content});
}
// Otherwise, we need to ask the user for permission
else if (Notification.permission !== 'denied') {
Notification.requestPermission(function (permission) {
// If the user accepts, let's create a notification
if (permission === "granted") {
var notification = new Notification("您有新的消息");
}
});
}
// At last, if the user has denied notifications, and you
// want to be respectful there is no need to bother them any more.
}
</script>
</body>
</html>
相关文章
- 上一篇： 学完了网络营销培训课程能做什么？
- 下一篇： 网页布局
0731-85579057 ，
