Bagaimana untuk Melaksanakan Kod JavaScript Selepas Keseluruhan Halaman, Termasuk Imej, Telah Dimuatkan?

Melaksanakan Fungsi Apabila Halaman Dimuatkan Sepenuhnya

Apabila bekerja dengan halaman web, mungkin ada kalanya anda memerlukan kod JavaScript khusus untuk jalankan hanya apabila keseluruhan halaman, termasuk imej, telah dimuatkan sepenuhnya. Semasa menyemak kesediaan DOM (Model Objek Dokumen) ialah kaedah biasa, adalah penting untuk membezakannya daripada penyiapan pemuatan halaman.

Menentukan Status Muatan Halaman

Sebelum DOM sedia telah dilaksanakan, acara pemuatan telah digunakan untuk menandakan penyiapan halaman. Ia masih memenuhi tujuan ini hari ini. Sedia DOM, sebaliknya, secara khusus menunjukkan apabila DOM sedia untuk manipulasi JavaScript.

Menggunakan Acara pemuatan

Untuk melaksanakan fungsi apabila halaman telah lengkap dimuatkan, termasuk imej, anda boleh menggunakan pendengar acara muat:

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

Kod ini akan melampirkan pendengar acara pada acara pemuatan. Apabila halaman dan imejnya telah dimuatkan sepenuhnya, fungsi dalam pendengar acara akan dicetuskan.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Kod JavaScript Selepas Keseluruhan Halaman, Termasuk Imej, Telah Dimuatkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!