Saya memiliki kode JavaScript yang memerlukan akses ke <body>
, tapi kode yang saya buat error karena sepertinya body belum dirender ketika kode tersebut dieksekusi. Bagaimana caranya agar kode JavaScript tersebut dieksekusi setelah halaman dimuat sehingga saya dapat mengakses elemen <body>
, apakah ada event tertentu atau atribut <script>
tertentu yang untuk melakukan hal tersebut?
Menggunakan atribut defer di dalam tag <script>
:
Contoh:
<script src="script.js" defer></script>
Dengan menggunakan defer
skrip akan dipicu setelah domInteractive (document.readyState = "interactive"
), tepat sebelum Acara "DOMContentLoaded" dipicu.
Menggunakan event DOMContentLoaded:
Event ini dipicu ketika dokumen HTML awal telah sepenuhnya dimuat dan diurai, tidak menunggu style sheet, gambar, dan subframe.
Contoh:
document.addEventListener("DOMContentLoaded", function() {
// kode javascript yang akan dieksekusi di sini
});
Menggunakan event load:
Event ini dipicu ketika halaman sepenuhnya dimuat dan diuraikan.
Contoh:
window.addEventListener("load", function() {
// kode javascript yang akan dieksekusi di sini
});
Kamu tau jawabannya?
Ayo bergabung bersama lebih dari 200.000 pengguna lainnya!