Memahami Penggunaan Fungsi Onload Event Pada Javascript

Gambar Gif Mengenal dan cara menggunakan fungsi onload event pada javascript
Pada artikel ini saya kembali masih membahas event yang ada di javascript yakni sebelumnya telah saya bahas beberapa fungsi seperti onclick, onchange, onmouseover dan onkeydown silahkan baca lebih lanjut untuk mempelajarinya.

Onload merupakan event dalam javascript yang berfungsi pada objek ketika halaman telah dimuat secara keseluruhan (semua konten). Jadi onload ini akan berjalan setelah seluruh kontent halaman telah dimuat. Dan biasanya onload event berguna untuk memeriksa pengunjung versi dan type browser yang tepat berdasarkan halaman web berdasarkan informasi.

Agar lebih mudah memahami, saya akan membuat contoh program onload event dalam javascript ini sebagai berikut.


Cara Penggunaan Fungsi Onload Event Pada Javascript

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Hardifal.com</title>
</head>
<body>
 <iframe onload="myonload()" src="https://www.hardifal.com"></iframe>
 <h1 id="demo">Mohon Tunggu..</h1>

 <script>
 function myonload(){
  document.getElementById('demo').innerHTML = "Halaman telah dimuat.";
 }
 </script>
</body>
</html>

Hasil :
Gambar Gif Program sederhana fungsi onload event di javascript

Perhatikan contoh program sederhana diatas, setelah tag iframe berhasil di-load (dimuat), barulah onload akan mengeksekusi sebuah aksi.

Selain itu, penggunaannya juga bisa anda letakan fungsi onload ini pada tag body <body onload="myonload()"> yang artinya, memuat seluruh konten pada body.

Pelajari juga event lainnya :


No comments for "Memahami Penggunaan Fungsi Onload Event Pada Javascript"