首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

圆桌面弹出通知

2013-02-28 
桌面弹出通知!DOCTYPE htmlhtml headtitle桌面通知Notification /titlemeta http-equivConte

桌面弹出通知

<!DOCTYPE html><html> <head>  <title>桌面通知Notification </title>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <script></script> </head> <body> <input type="button" value="测试桌面通知" onclick = "checkPermissionAndShow()" /><script>window.Notifications = window.Notifications || window.webkitNotifications;function checkPermissionAndShow(){var perLel = window.Notifications.checkPermission();if(perLel == 0){console.log('已授权...');            showNotification();}else if(perLel ==1){console.log('待授权...');            window.Notifications.requestPermission(checkPermissionAndShow);}else{console.log('已禁止...');}}function showNotification(){ var newNotification = Notifications.createNotification(                'http://avatar.csdn.net/4/5/3/1_qyf_5445.jpg',                '桌面通知',                '桌面通知 示例');        newNotification.show();}</script> </body> </html>

热点排行