Acara yang dimuat
Contoh
Jalankan JavaScript segera setelah halaman dimuat:
<body onload="myFunction()">
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Acara onload terjadi ketika suatu objek telah dimuat.
onload paling sering digunakan dalam elemen <body> untuk mengeksekusi skrip setelah halaman web memuat semua konten (termasuk gambar, file skrip, file CSS, dll.).
Acara onload dapat digunakan untuk memeriksa jenis browser pengunjung dan versi browser, dan memuat versi halaman web yang tepat berdasarkan informasi.
Acara onload juga dapat digunakan untuk menangani cookie (lihat "Contoh Lainnya" di bawah).
Dukungan Peramban
| Event | |||||
|---|---|---|---|---|---|
| onload | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Dalam HTML:
<element onload="myScript">
Dalam JavaScript:
object.onload = function(){myScript};
Dalam JavaScript, menggunakan metode addEventListener() :
object.addEventListener("load", myScript);
Catatan: Metode addEventListener() tidak didukung di Internet Explorer 8 dan versi yang lebih lama.
Detail Teknis
| Gelembung: | Tidak |
|---|---|
| Dapat dibatalkan: | Tidak |
| Jenis acara: | UiEvent jika dihasilkan dari antarmuka pengguna, Event sebaliknya. |
| Tag HTML yang didukung: | <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> |
| Versi DOM: | Acara Tingkat 2 |
Lebih Banyak Contoh
Contoh
Menggunakan onload pada elemen <img>. Peringatan "Gambar dimuat" segera setelah gambar dimuat:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Contoh
Menggunakan acara onload untuk menangani cookie:
<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>