Rumah >hujung hadapan web >tutorial js >Window.onload vs Body onload: Acara Mana Yang Perlu Anda Gunakan?

Window.onload vs Body onload: Acara Mana Yang Perlu Anda Gunakan?

Susan Sarandonasal: 2024-11-02 07:23:29316semak imbas

Window.onload vs Body onload: Which Event Should You Use?

Bila Menggunakan window.onload vs Body onload Event

Acara window.onload dan acara onload tag badan kedua-duanya digunakan untuk melampirkan fungsi JavaScript untuk dilaksanakan apabila keseluruhan halaman (termasuk imej, gaya dan bingkai) dimuatkan ke dalam penyemak imbas.

window.onload

Tetingkap. acara onload ialah pengendali acara yang dilampirkan pada objek tetingkap. Ia dicetuskan apabila keseluruhan halaman, termasuk semua sumbernya (seperti imej, helaian gaya dan skrip), telah dimuatkan.

Acara onload tag badan ialah pengendali acara yang dilampirkan pada elemen badan. Ia dicetuskan apabila keseluruhan halaman, tidak termasuk sebarang sumber luaran, telah dimuatkan.

Bila Menggunakan Setiap Acara

Secara amnya, anda harus menggunakan window.onload peristiwa apabila anda perlu melaksanakan fungsi selepas keseluruhan halaman, termasuk semua sumbernya, telah dimuatkan. Anda harus menggunakan peristiwa pemuatan teg badan apabila anda perlu melaksanakan fungsi selepas halaman, tidak termasuk sebarang sumber luaran, telah dimuatkan.

Contoh

The kod JavaScript berikut menggunakan peristiwa window.onload untuk melaksanakan fungsi selepas keseluruhan halaman dimuatkan:

<code class="js">window.onload = function() {
  // Perform some action
}</code>

Kod JavaScript berikut menggunakan peristiwa muat teg badan untuk melaksanakan fungsi selepas halaman, tidak termasuk sebarang sumber luaran, telah dimuatkan:

<code class="html"><body onload="myFunction()">
  <!-- Page content -->
</body></code>

Atas ialah kandungan terperinci Window.onload vs Body onload: Acara Mana Yang Perlu Anda Gunakan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript Object Event function

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk mengakses sifat objek dengan nama integer dalam JavaScript?Artikel seterusnya：Bagaimana untuk mengakses sifat objek dengan nama integer dalam JavaScript?

Artikel berkaitan

Lihat lagi