Las notificaciones de escritorio HTML5 (notificaciones web) son muy útiles cuando necesita tener efectos de notificación de escritorio cuando aparecen nuevos mensajes en línea. Aquí hay una breve introducción a este nuevo atributo de HTML5. A través de notificaciones web (sistema de notificación de escritorio), el sitio web puede mostrar una notificación en el escritorio del usuario. Independientemente de si el usuario está navegando por la página web actual o incluso minimizando el navegador, la notificación puede llegar al escritorio del usuario.
<!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();>Haz clic en mí para ver la información en la esquina inferior derecha</a> <script> function showNotification() { window.Notification. permiso = concedido; alerta(ventana.Notificación.permiso); if(ventana.Notificación) { if(ventana.Notificación.permiso == concedido) { var notificación = nueva notificación('Tienes un mensaje nuevo', { cuerpo: Hola, yo Soy Wang Xiaoting, icono: img/1.jpg }); setTimeout(function() { notification.close(); }, 5000 } else { window.Notification.requestPermission(); } } else alert('¡Su navegador no admite esta función de mensaje, utilice un navegador con Chrome Core!');Efecto de realización:
ResumirLo anterior es la implementación de la función de notificación en la esquina inferior derecha del escritorio de notificaciones web en HTML5 introducida por el editor. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje y el editor lo hará. Responderte a tiempo. ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!