Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Memanggil Fungsi JavaScript pada Muatan Halaman Tanpa Menggunakan Atribut `onload`?
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 mempunyaiUntuk 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!