Peristiwa onpageshow

Acara DOM Acara PageTransitionEvent

Definisi dan penggunaan

Peristiwa onpageshow terjadi saat pengguna navigasi ke halaman.

Peristiwa onpageshow dengan Acara onloadSebagai contoh, perbezaannya terletak di peristiwa onload setelah halaman dimuat untuk pertama kalinya. Selain itu, peristiwa onpageshow terjadi setiap kali halaman dimuat, tetapi peristiwa onload tidak terjadi saat halaman dimuat dari penggerak.

Untuk menentukan halaman disiapkan langsung dari pelayan atau disimpan di penggerak, Anda dapat menggunakan objek PageTransitionEvent: Properti persisted.Jika halaman disimpan di penggerak penuh browser, nilai properti ini kembali true, jika tidak kembali false (lihat lebih banyak contoh di bawah).

Contoh

Contoh 1

Melaksanakan JavaScript saat pengguna navigasi ke halaman:

<body onpageshow="myFunction()">

Cuba sendiri

Contoh 2

Lihat halaman apakah disimpan di penggerak penuh browser:

function myFunction(event) { 
  alert(event.persisted);
}

Cuba sendiri

Sintaksis

Pada HTML:

<element onpageshow="myScript">

Cuba sendiri

Pada JavaScript:

objek.onpageshow = function(){myScript};

Cuba sendiri

Pada JavaScript, gunakan metode addEventListener():

objek.addEventListener("pageshow", myScript);

Cuba sendiri

Keterangan:Internet Explorer 8 atau versi yang lebih awal tidak mendukung Metode addEventListener().

Butiran teknikal

Pembubaran: Tidak didukung
Boleh dibatalkan: Tidak didukung
Jenis peristiwa: Acara PageTransitionEvent
Tanda tag HTML yang didukung: <body>
Versi DOM: Peristiwa Level 3

Pemungutan bantuan perpustakaan

Nombor di dalam tabel menunjukkan versi paling awal perpustakaan yang sepenuhnya mendukung peristiwa itu.

Acara Chrome IE Firefox Safari Opera
onpageshow Dukungan 11.0 Dukungan 5.0 Dukungan
Acara DOM Acara PageTransitionEvent