Cara Membuat Kode JavaScript Dieksekusi Setelah Halaman Dimuat

Dibuat
·
Dilihat22 kali
0

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?

1 Jawaban
0

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

Kamu tau jawabannya?

Ayo bergabung bersama lebih dari 200.000 pengguna lainnya!