Cara Menggunakan Event Atribut onLoad pada HTML5

Halo teman-teman di kesempatan kali ini saya akan menjelaskan Cara Menggunakan Event Atribut onLoad di HTML5. Pemakaian atribut onLoad di HTML5 tersebut biasanya bagi mengeksekusi JavaScript.

Bagi definisi dan pemakaian atribut onLoad di HTML5 tersebut ialah atribut yang berfungsi ketika sebuah objek telah dimuat, atribut onLoad sendiri biasanya digunakan pada tag <body>, unsur bagi sekali mengeksekusi seluruh konten web termasuk gambar, file CSS dll. Namun, hal itu dapat digunakan oleh tag yang mendukung lainnya.

Atribut onLoad dapat digunakan bagi memeriksa pengunjung tipe browser dan versi browser, dan mengandung versi yang tepat dari halaman web menurut informasi. Atribut onload pun dapat digunakan bagi menangani cookie.

Browser yang telah support dengan event atribut onLoad diantaranya:

Google Chrome

Internet Explorer / Edge

Mozilla Firefox

Opera

Safari

Contoh penulisan Syntax :

<element onload=script>

Tag yang mendukung atribut onLoad :

<body>

<frame>

<frameset>

<iframe>

<img>

<input type=”image”>

<link>

<script>

<style>

Contoh pemakaian atribut onLoad :

Menggunakan onLoad pada tag <img>

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

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

Menggunakan onLoad bagi menagani cookie (menggunakan “advanced” dari 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>

Semoga bermanfaat.

Sumber https://kursuswebsite.org

Search This Blog

Mightynoreen Blog