Уведомления рабочего стола HTML5 (веб-уведомления) очень полезны, когда вам нужно иметь эффекты уведомлений на рабочем столе при появлении новых сообщений в сети. Вот краткое введение в этот новый атрибут HTML5. С помощью веб-уведомлений (системы уведомлений на рабочем столе) веб-сайт может отображать уведомление на рабочем столе пользователя. Независимо от того, просматривает ли пользователь текущую веб-страницу или даже сворачивает браузер, уведомление может достичь рабочего стола пользователя.
<!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. разрешение = предоставлено; alert(window.Notification.permission); if(window.Notification) { if(window.Notification.permission == предоставлено) { var Notification = new Notification('У вас есть новое сообщение', { body: Здравствуйте, я я Ван Сяотин, значок: img/1.jpg }); setTimeout(function() { Notification.close(); }, 5000 } else { window.Notification.requestPermission(); } } else alert('Ваш браузер не поддерживает эту функцию запроса сообщения, используйте браузер с ядром Chrome!'); </script> </body></html>Эффект реализации:
Подвести итогВыше приведена реализация функции уведомления в правом нижнем углу рабочего стола веб-уведомлений в HTML5, представленная редактором. Надеюсь, она будет вам полезна. Если у вас есть какие-либо вопросы, оставьте мне сообщение, и редактор ответит. ответить вам вовремя. Я также хотел бы поблагодарить всех за поддержку сайта боевых искусств VeVb!