html5的消息通知
生活随笔
收集整理的這篇文章主要介紹了
html5的消息通知
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這里介紹一個HTML5的notification demo：
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>notification</title></head><body><button id="button">消息通知</button><script>// var button = document.getElementById('#button');var button = document.querySelector('#button'); //上面那樣寫不可以 button.addEventListener('click', function() {if (!("Notification" in window)) {alert("不支持notification");} else if (Notification.permission === "granted") { // 允許通知 notice();} else if (Notification.permission !== "denied") {// 用戶沒有選擇是否顯示通知，向用戶請求許可 Notification.requestPermission(function(permission) {if(permission === "granted") {notice();}});}}, false)function notice() {var notification = new Notification("你好，JavaScript", {body: '微信訂閱號'});notification.onclick = function() {notification.close();}}</script></body> </html>將該demo部屬在nginx上（詳見上一篇隨筆），在谷歌瀏覽器（支持HTML5 notification的瀏覽器就可以）中打開頁面，會看到pc端右下角彈出消息通知。
轉載于:https://www.cnblogs.com/liyan22/p/6683137.html
總結
以上是生活随笔為你收集整理的html5的消息通知的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 201521123052《Java程序设
- 下一篇： 过滤器Filter（17/4/8）