Peristiwa onload

Peristiwa DOM Objek Event

Pengartian dan penggunaan

Peristiwa onload berlaku selepas objek dimuatkan.

Peristiwa onload paling kerap digunakan dalam elemen <body>, untuk melaksanakan skrip selepas laman web sepenuhnya dimuatkan semua kandungan (termasuk imej, fail skrip, fail CSS, dll).

Peristiwa onload boleh digunakan untuk memeriksa jenis dan versi pelayar pengunjung dan memuat versi laman web yang betul berdasarkan maklumat ini.

Peristiwa onload juga boleh digunakan untuk mengendalikan kuki (lihat contoh di bawah).

Contoh

Lakukan JavaScript segera selepas halaman dimuat:

<body onload="myFunction()">

Coba sendiri

Contoh 2

Gunakan onload di dalam elemen <img>. Segera keluarkan pemberitahuan "Gambar telah dimuat" selepas imej dimuat:

<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
  alert("Image is loaded");
}
</script>

Coba sendiri

Contoh 3

Gunakan peristiwa onload untuk mengendalikan kuki:

<body onload="checkCookies()">
<script>
function checkCookies() {
  var text = "";
  if (navigator.cookieEnabled == true) {
    text = "Cookies are enabled.";
  } else {
     text = "Cookies are not enabled.";
  }
  document.getElementById("demo").innerHTML = text;
}
</script>

Coba sendiri

Sintaks

Dalam HTML:

<element onload="myScript">

Coba sendiri

Dalam JavaScript:

objek.onload = function(){myScript};

Coba sendiri

Dalam JavaScript, gunakan metode addEventListener():

objek.addEventListener("load", myScript);

Coba sendiri

Keterangan:Internet Explorer 8 atau versi sebelumnya tidak disokong Metode addEventListener()。

Butiran teknikal

Bubbling: Tidak disokong
Boleh dibatalkan: Tidak disokong
Jenis peristiwa: Jika dihasilkan daripada antarmuka pengguna,UiEvent。Jika bukan, Event。
Dapatkan tanda HTML: <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>
Versi DOM: Peristiwa Level 2

Dukungan Pemetaan Peramban

Peristiwa Chrome IE Firefox Safari Opera
onload Dukungan Dukungan Dukungan Dukungan Dukungan
Peristiwa DOM Objek Event