Contoh
Mengeksekusi JavaScript segera setelah halaman telah dimuat:
<body onload="myFunction()"> Cobalah sendiri " Lebih "Cobalah Sendiri" contoh di bawah ini.
Definisi dan Penggunaan
The onload atribut kebakaran ketika sebuah objek telah dimuat.
onload yang paling sering digunakan dalam <body> elemen untuk mengeksekusi script sekali halaman web telah benar-benar dimuat semua konten (termasuk gambar, file naskah, file CSS, dll). Namun, hal itu dapat digunakan pada elemen lain juga (lihat "tag HTML yang didukung" di bawah).
The onload atribut dapat digunakan untuk memeriksa pengunjung tipe browser dan versi browser, dan memuat versi yang tepat dari halaman web berdasarkan informasi.
The onload atribut juga dapat digunakan untuk menangani cookie (lihat "Lebih Contoh" di bawah).
Dukungan Browser
| Atribut acara | |||||
|---|---|---|---|---|---|
| onload | iya nih | iya nih | iya nih | iya nih | iya nih |
Perbedaan Antara HTML 4.01 dan HTML5
Tidak ada.
Sintaksis
<elementonload=" script ">
atribut Nilai
| Nilai | Deskripsi |
|---|---|
| script | script untuk dijalankan pada onload |
Rincian teknis
| tag HTML didukung: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> dan <style> |
|---|
Contoh lebih
Contoh
Menggunakan onload pada <img> elemen. Peringatan "Gambar dimuat" segera setelah gambar telah dimuat:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is
loaded");
}
</script>
Cobalah sendiri " Contoh
Menggunakan event onload untuk menangani cookies (menggunakan "advanced" javascript):
<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>
Cobalah sendiri " Pages terkait
Referensi HTML DOM: event onload