Atribut pemuatan HTML
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).
Untuk elemen input, atribut onload hanya didukung ketika <input type="image">
Atribut onload dapat digunakan untuk memeriksa jenis browser pengunjung dan versi browser, dan memuat versi halaman web yang tepat berdasarkan informasi.
Berlaku untuk
Atribut onload adalah bagian dari Event Attributes , dan dapat digunakan pada elemen berikut:
| Elemen |
|---|
| <tubuh> |
| <iframe> |
| <img> |
| <masukan> |
| <tautan> |
| <skrip> |
| <gaya> |
Contoh
Contoh Tubuh
Jalankan JavaScript segera setelah halaman dimuat:
<body onload="myFunction()">
Contoh img
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 Masukan
Menggunakan onload pada elemen <input type="image">. Peringatan "Gambar dimuat" segera setelah gambar dimuat:
<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Dukungan Peramban
Atribut onloadmemiliki dukungan browser berikut untuk setiap elemen:
| Element | |||||
|---|---|---|---|---|---|
| body | Yes | Yes | Yes | Yes | Yes |
| iframe | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input type="image" | Yes | Yes | Yes | Yes | Yes |
| link | Yes | Yes | Yes | Yes | Yes |
| script | Yes | Yes | Yes | Yes | Yes |
| style | Yes | Yes | Yes | Yes | Yes |