html5桌面通知(Web Notifications)對(duì)于需要實(shí)現(xiàn)在新消息入線時(shí)，有桌面通知效果的情況下非常有用，在此簡(jiǎn)單介紹一下這個(gè)html5的新屬性。通過(guò)Web Notifications（桌面通知系統(tǒng)），網(wǎng)站可以在用戶桌面彈出一條通知，無(wú)論用戶是否瀏覽當(dāng)前網(wǎng)頁(yè)，甚至最小化了瀏覽器，通知均可到達(dá)用戶桌面。
<!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();">點(diǎn)我看右下角信息</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('你的瀏覽器不支持此消息提示功能，請(qǐng)使用chrome內(nèi)核的瀏覽器！'); }; </script> </body></html>實(shí)現(xiàn)效果：
總結(jié)
以上所述是小編給大家介紹的HTML5中的Web Notification桌面右下角通知功能的實(shí)現(xiàn)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)VeVb武林網(wǎng)網(wǎng)站的支持！
新聞熱點(diǎn)
疑難解答
