Cara Membuat Kode JavaScript Dieksekusi Setelah Halaman Dimuat

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
});