Bagaimana untuk Melaksanakan Fungsi JavaScript Apabila Halaman Dimuat Sepenuhnya, Termasuk Imej?

Melaksanakan Fungsi JavaScript apabila Halaman Dimuat Sepenuhnya

Soalan:

Bagaimanakah saya boleh mencetuskan fungsi JavaScript untuk dijalankan sahaja selepas semua elemen pada halaman, termasuk imej, telah selesai dimuatkan?

Jawapan:

Penyelesaian terletak pada penggunaan acara pemuatan. Berbeza dengan peristiwa DOMContentLoaded, yang berlaku apabila dokumen HTML telah dihuraikan dan pepohon DOM sedia, acara pemuatan menunggu sehingga semua sumber, termasuk imej, dimuatkan. Ini menjadikannya ideal untuk melaksanakan kod apabila keseluruhan halaman dimuatkan sepenuhnya.

Pelaksanaan:

Untuk melaksanakan fungsi apabila halaman telah dimuatkan sepenuhnya, anda boleh menggunakan kod berikut:

<code class="js">window.addEventListener('load', function () {
  // Your code here will run when the page is fully loaded
});</code>

Contoh:

Sebagai contoh, jika anda ingin memaparkan mesej dalam kotak amaran apabila halaman dimuatkan sepenuhnya, anda boleh menggunakan kod berikut:

<code class="js">window.addEventListener('load', function () {
  alert("It's loaded!");
});</code>

Dengan menggunakan acara pemuatan, anda memastikan kod JavaScript anda dilaksanakan hanya selepas semua elemen halaman, termasuk imej dan sumber lain, selesai dimuatkan. Ini membantu mengelakkan isu yang mungkin timbul akibat pelaksanaan kod pramatang sebelum halaman dimuatkan sepenuhnya.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Fungsi JavaScript Apabila Halaman Dimuat Sepenuhnya, Termasuk Imej?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!