html5桌面通知(Web Notifications)對於需要實作在新訊息入線時，有桌面通知效果的情況下非常有用，在此簡單介紹一下這個html5的新屬性。透過Web Notifications（桌面通知系統），網站可以在使用者桌面彈出一則通知，無論使用者是否瀏覽目前網頁，甚至最小化了瀏覽器，通知均可到達使用者桌面。
<!DOCTYPE html><html> <head lang=en> <meta charset=UTF-8> <title></title> </head> <body> <script src=http://code.jquery.com/ jquery-1.8.0.min.js></script> <a onclick=showNotification();>點我看右下角資訊</a> <script> function showNotification() { window.Notification.permission = granted; alert(window.Notification.permission); if(window.Notification) { if(window.Notification.permission == granted) { var notification = new Notification('你有一條新訊息', { body: 你好我是王小婷, icon: img/1.jpg }); setTimeout(function() { notification.close(); }, 5000); } else { window.Notification.requestPermission(); } } else alert('你的瀏覽器不支援此訊息提示功能，請使用chrome核心的瀏覽器！') ; }; </script> </body></html>實現效果：
總結以上所述是小編給大家介紹的HTML5中的Web Notification桌面右下角通知功能的實現，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回覆大家的。在此也非常感謝大家對VeVb武林網站的支持！