Pernahkah anda ingin agar javaScript di jalankan pada saat elemen atau Dokumen diload? Misalnya pada saat elemen suatu gambar sedang di load kemudian anda ingin menampilkan proses persetujuan atau proses berapa persen elemen tersebut sudah di load.
Agar javaScript dapat dijalankan pada saat elemen atau dokumen di load maka anda bisa menggunakan trigger atau menempatkan javascript langsung pada elemen. Kemudian anda dapat memilih salah satu dari beberapa cara berikut untuk menjalankan javascript pada saat elemen di load.
Javascript dijalankan pada sebuah halaman HTML bisa tergantung pada penempatannya. Ketika javascript diletakkan di head maka javascript akan dijalankan sebelum dokumen dimuat atau di unduh didalam RAM. Penempatan di head bisa saja membuat javaScript gagal membaca DOM (Document Object Model). Lalu bagaimana cara yang tepat agar javaScript dapat dijalankan ketika meload halaman HTML?
Anda dapat menggunakan salah satu fungsi trigger berikut
<body onload="script():">
atau
document.onload = function(){...}
atau
object.addEventListener("load", myScript);
atau
window.onload = function(){...}
*Cara terakhir seringkali direkomendasikan karena dianggap lebih baik dan lebih standar.
Contoh:
<img onload="cekCookies()">
<p id="info"></p>
maka javaScriptnya:
1 2 3 4 5 6 7 8 9 10 11 12 | <script> function cekCookies() { var text = ""; if (navigator.cookieEnabled == true) { text = "Cookies diaktifkan."; } else { text = "Cookies tidak diaktifkan."; } document.getElementById("info").innerHTML = text; } </script> |
Tidak ada komentar:
Posting Komentar