peringatan desktop html5: aplikasi Notifycations pengenalan_html5 kemahiran tutorial

Peringatan desktop (pemberitahuan web) dalam HTML5 boleh muncul kotak mesej dalam tetingkap halaman semasa Kotak mesej ini menjangkau tetingkap tab Ini menjadikan peringatan lebih mudah dan mudah dilihat oleh pengguna apabila pengguna membuka berbilang tab untuk menyemak imbas web. Pada masa ini, hanya kernel webkit yang menyokong ciri ini.
Ciri ini perlu dibuka dalam mod http dalam chrome untuk membolehkannya.
Fungsi peringatan desktop dilaksanakan oleh objek window.webkitNotifications (inti webkit).
Objek window.webkitNotifications tidak mempunyai atribut dan mempunyai empat kaedah:
1.requestPermission()
　Kaedah ini digunakan untuk memohon kebenaran peringatan mesej daripada pengguna jika kebenaran ini tidak dibuka pada masa ini, Penyemak imbas akan muncul antara muka kebenaran Selepas pengguna membenarkan, nilai status (integer 0, 1 atau 2) dijana di dalam objek:
0: Menunjukkan bahawa pengguna bersetuju dengan. peringatan mesej dan fungsi peringatan mesej hanya boleh digunakan dalam keadaan ini ;
1: Menunjukkan keadaan lalai, pengguna tidak menolak atau bersetuju;

2.checkPermission()
　 Kaedah ini digunakan untuk mendapatkan nilai status kebenaran yang dipohon oleh requestPermission().
3.createNotification() Kaedah ini mencipta mesej peringatan sebagai mesej tulen Ia menerima tiga parameter rentetan:
iconURL: alamat ikon yang dipaparkan dalam mesej,
. tajuk: tajuk mesej,
badan: kandungan teks kandungan mesej
Kaedah ini akan mengembalikan objek Pemberitahuan dan lebih banyak tetapan boleh dibuat untuk objek ini.
Atribut dan kaedah objek Pemberitahuan:

Salin kodKodnya adalah seperti berikut:

dir: ""
onclick: null
onclose: null
ondisplay: function (event) {
onerror: null
onshow: null
replaceId: ""
tag : ""
__proto__: Pemberitahuan
addEventListener: function addEventListener() { [native code] }
batal: function cancel() { [native code] }
close: function close( ) { [ kod asli] }
pembina: Pemberitahuan fungsi() { [kod asli] }
dispatchEvent: function dispatchEvent() { [kod asli] }
removeEventListener: function removeEventListener() { [kod asli ] }
tunjukkan: function show() { [kod asli] }
__proto__: Objek

dir: Tetapkan arah susunan mesej Nilai yang mungkin adalah "auto". (automatik), "ltr "(kiri ke kanan), "rtl"(kanan ke kiri).
Tag: Tambahkan nama tag pada mesej. Jika atribut ini ditetapkan, apabila terdapat peringatan mesej baharu, mesej dengan label yang sama hanya akan dipaparkan dalam kotak mesej yang sama, dan kotak mesej yang terakhir akan menggantikan yang sebelumnya Jika tidak, berbilang kotak gesaan mesej akan muncul, tetapi maksimum 3 kotak mesej akan dipaparkan Jika terdapat lebih daripada 3, pemberitahuan mesej seterusnya akan disekat.
onshow: Peristiwa ini dicetuskan apabila kotak mesej dipaparkan;
onclick: Peristiwa ini dicetuskan apabila kotak mesej diklik; onerror: Apabila Peristiwa ini dicetuskan apabila ralat berlaku;
Kaedah:
addEventListener && removeEventListener: kaedah konvensional untuk menambah dan mengalih keluar acara; kotak peringatan mesej;
Batal: Tutup kotak peringatan mesej, sama seperti tutup; mesej dalam HTML dan menerima satu parameter : URL fail HTML Kaedah ini juga mengembalikan objek Pemberitahuan.
Contoh:




Salin kod

Kodnya adalah seperti berikut: