Window.onload vs Body onload: Acara Mana Yang Perlu Anda Gunakan?-tutorial js-php.cn

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

Susan Sarandon

Lepaskan： 2024-11-02 07:23:29

asal

332 orang telah melayarinya

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!