HTML5-Desktop-Benachrichtigungen (Web-Benachrichtigungen) sind sehr nützlich, wenn Sie Desktop-Benachrichtigungseffekte benötigen, wenn neue Nachrichten online gehen. Hier finden Sie eine kurze Einführung in dieses neue Attribut von HTML5. Über Web-Benachrichtigungen (Desktop-Benachrichtigungssystem) kann die Website eine Benachrichtigung auf dem Desktop des Benutzers anzeigen. Unabhängig davon, ob der Benutzer die aktuelle Webseite durchsucht oder den Browser minimiert, kann die Benachrichtigung den Desktop des Benutzers erreichen.
<!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();>Klicken Sie auf mich, um die Informationen in der unteren rechten Ecke anzuzeigen</a> <script> function showNotification() { window.Notification. Erlaubnis = gewährt; alarm(window.Notification.permission); if(window.Notification) { if(window.Notification.permission == grant) { var notification = new Notification('Sie haben eine neue Nachricht', { body: Hallo ich bin Wang Xiaoting, icon: img/1.jpg }); setTimeout(function() { notification.close(); }, 5000); window.Notification.requestPermission(); } } else warning('Ihr Browser unterstützt diese Nachrichtenaufforderungsfunktion nicht, bitte verwenden Sie einen Browser mit Chrome Core!');Realisierungseffekt:
ZusammenfassenDas Obige ist die Implementierung der vom Herausgeber eingeführten Benachrichtigungsfunktion in der unteren rechten Ecke des Web-Benachrichtigungsdesktops. Ich hoffe, sie wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht Ich werde Ihnen rechtzeitig antworten. Ich möchte mich auch bei allen für die Unterstützung der VeVb-Kampfsport-Website bedanken!