tutorial pengembangan web terbaru
 

HTML onload Atribut Acara

<HTML Atribut Acara

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


<HTML Atribut Acara