Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Memanggil Fungsi JavaScript pada Muatan Halaman Tanpa Menggunakan Atribut `onload`?

Bagaimana untuk Memanggil Fungsi JavaScript pada Muatan Halaman Tanpa Menggunakan Atribut `onload`?

Patricia Arquette
Patricia Arquetteasal
2024-11-22 10:31:11818semak imbas

How to Call JavaScript Functions on Page Load Without Using the `onload` Attribute?

Kaedah Alternatif untuk Memanggil Fungsi JavaScript pada Pemuatan Halaman

Memanggil fungsi JavaScript pada pemuatan halaman ialah tugas biasa untuk mengisi kandungan dan meningkatkan pengguna interaktiviti. Manakala pendekatan digunakan secara meluas, ia mungkin tidak boleh digunakan dalam senario tertentu, seperti semasa bekerja dengan serpihan JSP yang tidak mempunyai elemen untuk melampirkan atribut.

Untuk menangani cabaran ini, terdapat kaedah alternatif yang boleh digunakan:

Acara Window.onload

Satu penyelesaiannya adalah dengan memanfaatkan peristiwa window.onload, yang menyala setelah seluruh halaman, termasuk semua asetnya, selesai dimuatkan. Dengan memberikan fungsi tanpa nama kepada sifat window.onload, anda boleh melaksanakan kod JavaScript yang anda inginkan:

window.onload = function() {
  // Your JavaScript code here
};

Peristiwa Document Readystatechange

Pilihan lain ialah memantau acara readystatechange objek dokumen. Peristiwa ini berlaku beberapa kali semasa pemuatan dokumen berlangsung, dengan keadaan terakhir adalah "lengkap". Anda boleh mendengar acara ini dan melaksanakan kod JavaScript anda apabila dokumen dimuatkan sepenuhnya:

document.addEventListener("readystatechange", function() {
  if (document.readyState === "complete") {
    // Your JavaScript code here
  }
});

Melalui Parameter

Dalam situasi di mana fungsi JavaScript anda memerlukan parameter, anda boleh menggunakan fungsi tanpa nama yang mengambil parameter dan menghantarnya ke fungsi anda. Contohnya:

window.onload = function() {
  yourFunction(param1, param2);
};

Kesimpulan

Atribut onload tradisional ialah pendekatan yang mudah tetapi mungkin tidak sesuai untuk semua senario. Dengan memanfaatkan kaedah alternatif seperti window.onload, document.readystatechange dan penghantaran parameter, anda boleh memanggil fungsi JavaScript pada pemuatan halaman dengan cara yang fleksibel dan serba boleh, walaupun dalam situasi di mana serpihan JSP digunakan.

Atas ialah kandungan terperinci Bagaimana untuk Memanggil Fungsi JavaScript pada Muatan Halaman Tanpa Menggunakan Atribut `onload`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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