Fungsi Javascript untuk menangani window onload tanpa jQuery

Fungsi Javascript untuk mengangani window onload tanpa jQuery

Kali ini kita bahas fungsi alternatif dari $(window).load(); nya jQuery.
kenapa harus? pake jQuery aja kan masalah selesai? atau pake aja fungsi javascript tanpa mengkhawatirkan window load

Iya benar, tapi terkadang ada saat kita males menggunakan jQuery. nah karena terkadang anda butuh proses yang harus dilakukan setelah semua elemen telah ready. untuk kasus ini lah kita perlu menggunakan fungsi window onload. kenapa?
karena semua elemen belum selesai di download  jadi jika kita butuh mengakses sebuah elemen DIV maka kode yang kita tuliskan tidak akan berjalan dengan benar, alias error. untuk itulah kita harus menggunakan fungsi window onload ini.

sekarang langsung saja kita buat fungsi javascript untuk menangani window onload tanpa jQuery, perhatikan kode dibawah :

if (window.attachEvent) {window.attachEvent('onload', windowOnLoad);}
else if (window.addEventListener) {window.addEventListener('load', windowOnLoad, false);}
else {document.addEventListener('load', windowOnLoad, false);}
function windowOnLoad(){
    // kode disini
}

kode untuk proses yang hendak kita gunakan tadi dapat dipindahkan kedalam fungsi windowOnLoad nya.

Oke sekian dulu untuk tutorial singkat kali ini :)

1 Response to "Fungsi Javascript untuk menangani window onload tanpa jQuery"