Notifikasi Desktop HTML5 (Pemberitahuan Web) sangat berguna ketika Anda perlu memiliki efek notifikasi desktop ketika pesan baru masuk online. Berikut adalah pengenalan singkat tentang atribut baru HTML5 ini. Melalui Notifikasi Web (sistem notifikasi desktop), situs web dapat memunculkan notifikasi di desktop pengguna. Terlepas dari apakah pengguna sedang menjelajahi halaman web saat ini atau bahkan meminimalkan browser, notifikasi tersebut dapat mencapai desktop pengguna.
<!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();>Klik saya untuk melihat informasi di pojok kanan bawah</a> <script> function showNotification() { window.Notification. izin = diberikan; peringatan(jendela.Pemberitahuan.izin); if(jendela.Pemberitahuan) { if(jendela.Pemberitahuan.permisi == diberikan) { var pemberitahuan = Pemberitahuan baru('Anda mempunyai pesan baru', { isi: Halo Saya saya Wang Xiaoting, ikon: img/1.jpg }); setTimeout(function() { notifikasi.close(); }, 5000); window.Notification.requestPermission(); } } else alert('Browser Anda tidak mendukung fungsi prompt pesan ini, silakan gunakan browser dengan inti chrome!');Efek realisasi:
MeringkaskanDi atas adalah implementasi fungsi notifikasi di pojok kanan bawah desktop Notifikasi Web dalam HTML5 yang diperkenalkan oleh editor. Saya harap ini dapat membantu Anda membalas Anda tepat waktu. Saya juga ingin mengucapkan terima kasih kepada semua orang atas dukungan Anda terhadap situs seni bela diri VeVb!