tutorial pengembangan web terbaru
 

Acara onload

<Object Acara

Contoh

Mengeksekusi JavaScript segera setelah halaman telah dimuat:

<body onload="myFunction()">
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Acara onload terjadi 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, script file, file CSS, dll).

Acara onload dapat digunakan untuk memeriksa pengunjung tipe browser dan versi browser, dan memuat versi yang tepat dari halaman web berdasarkan informasi.

Acara onload juga dapat digunakan untuk menangani cookies (lihat "More Examples" di bawah).

Dukungan Browser

Peristiwa
onload iya nih iya nih iya nih iya nih iya nih

Sintaksis

Dalam HTML:

< Cobalah sendiri "

Dalam JavaScript:

object .onload=function(){ Cobalah sendiri "

Dalam JavaScript, menggunakan addEventListener() metode:

object .addEventListener("load", myScript );
Cobalah sendiri "

Catatan: addEventListener() metode tidak didukung di Internet Explorer 8 dan versi sebelumnya.

Rincian teknis

Gelembung: Tidak
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>
DOM Versi: Level 2 Acara
contoh

Contoh lebih

Contoh

Menggunakan onload pada <img> elemen. Peringatan "Image is loaded" segera setelah gambar telah dimuat:

<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>
Cobalah sendiri "

Contoh

Menggunakan event 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>
Cobalah sendiri "
<Object Acara