Html5桌面提醒
2015-06-10 10:53
549 查看
<!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>
本文出自 “开心编程_永无止境” 博客,请务必保留此出处http://happyliu.blog.51cto.com/501986/1660299
相关文章推荐
- html5实现弹出提示框,并且伴随遮罩层并且可以关闭弹出框
- HTML5桌面通知
- HTML5 Canvas (一)
- html5常用的属性收集
- [HTML5]简单网页本地音乐播放器
- html5的history
- HTML5新标签之Canvas
- 从零开始制作H5应用(4)——V4.0,加入文字并给文字加特效
- 2015年16个最佳的免费响应式HTML5框架
- HTML5前世今生
- HTML5 Canvas Overview
- HTML5 Canvas Tutorial
- HTML5 特性
- 8个web前端的精美HTML5 & CSS3效果及源码下载
- Html5的DeviceOrientation特性
- 8个前沿的 HTML5 & CSS3 效果
- 25个让人惊叹的 HTML5 应用实验
- 慕课网HTML5学习笔记
- html5拖放操作
- 动手写一个HTML5的无限循环滚动焦点图