本文共 760 字，大约阅读时间需要 2 分钟。
| <!DOCTYPE html> |
| | <html> |
| | <head> |
| | <title>Simple Webkit notification example</title> |
| | </head> |
| | |
| | <h2>设置权限</h2> |
| | <button id="request">允许</button> |
| | <h2>显示消息</h2> |
| | <button id="show">显示消息</button> |
| | |
| | <script type="text/javascript"> |
| | |
| | |
| | document.getElementById('request').addEventListener('click', function() { |
| | window.webkitNotifications.requestPermission(); |
| | }, false); |
| | |
| | |
| | document.getElementById('show').addEventListener('click', function() { |
| | showNotification(); |
| | }, false); |
| | |
| | function showNotification() { |
| | // only show if we've got the correct permissions |
| | if (window.webkitNotifications.checkPermission() === 0) { |
| | // note the show() |
| | window.webkitNotifications.createNotification('http://m.poco.cn/mobile/images/app_icon-114x114.png', '欢迎进入POCO世界', 'POCO世界！').show(); |
| | } |
| | } |
| | </script> |
| | </html> |
转载地址：http://trbpa.baihongyu.com/