Atribut Acara HTML onload
Contoh
Jalankan JavaScript segera setelah halaman dimuat:
<body onload="myFunction()">
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Atribut onload diaktifkan 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.). Namun, ini juga dapat digunakan pada elemen lain (lihat "Tag HTML yang didukung" di bawah).
Atribut onload dapat digunakan untuk memeriksa jenis browser pengunjung dan versi browser, dan memuat versi halaman web yang tepat berdasarkan informasi.
Atribut onload juga dapat digunakan untuk menangani cookie (lihat "Contoh Lainnya" di bawah).
Dukungan Peramban
| Event Attribute | |||||
|---|---|---|---|---|---|
| onload | Yes | Yes | Yes | Yes | Yes |
Sintaksis
<element onload="script">
Nilai Atribut
| Value | Description |
|---|---|
| script | The script to be run on onload |
Detail Teknis
| Tag HTML yang didukung: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> dan <style> |
|---|
Lebih Banyak Contoh
Contoh
Menggunakan onload pada elemen <img>. Peringatan "Gambar dimuat" segera setelah gambar dimuat:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Contoh
Menggunakan acara onload untuk menangani cookie (menggunakan javascript "lanjutan"):
<body onload="checkCookies()">
<p id="demo"></p>
<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>
Halaman Terkait
Referensi DOM HTML: acara pemuatan
Atribut Acara HTML