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. 허가 = 허가됨; 경고(window.Notification.permission); if(window.Notification) { if(window.Notification.permission == 허가됨) { var 알림 = new 알림('새 메시지가 있습니다.', { body: 안녕하세요. am 왕샤오팅, icon: img/1.jpg }); setTimeout(function() {notification.close(); }, 5000); window.Notification.requestPermission(); } } else Alert('귀하의 브라우저는 이 메시지 프롬프트 기능을 지원하지 않습니다. 크롬 코어가 있는 브라우저를 사용하십시오!');실현 효과:
요약위는 편집자가 소개한 HTML5의 웹 알림 데스크탑 오른쪽 하단에 있는 알림 기능을 구현한 것입니다. 궁금한 사항이 있으면 메시지를 남겨주시면 편집자가 알려드리겠습니다. 시간 내에 답장을 보내주세요. 또한 VeVb 무술 웹사이트를 지원해 주신 모든 분들께 감사드립니다!