Untuk membuat fungsi dieksekusi hanya setelah halaman dimuat, kami akan mengikat fungsi ke acara onload:
window.onload = UserFunction
Tetapi bagaimana jika ada dua fungsi: FirstFunction () dan SecondFunction (), yang keduanya ingin mereka dieksekusi setelah halaman dimuat? Jika demikian:
window.onload = firstFunciton; window.onload = fungsi kedua;
Hanya fungsi terakhir yang dapat dieksekusi. Dari sini kita dapat melihat bahwa setiap penangan acara hanya dapat mengikat satu instruksi.
Tapi kita bisa melakukan ini:
window.onload = function () {firstFunction (); fungsi kedua (); }Ini adalah solusi.
Namun, ada solusi yang lebih nyaman - menulis beberapa kode tambahan, tetapi keuntungannya adalah dengan kode ini, mengikat fungsinya, tidak peduli berapa banyak mereka, sangat ringkas dan mudah dilakukan.
Nama fungsi ini adalah AddloadEvent, yang ditulis oleh Simon Willison. Ini hanya memiliki satu parameter: nama fungsi yang akan dieksekusi saat halaman dimuat.
Berikut adalah operasi yang akan diselesaikan oleh fungsi addloadevent ():
1. Simpan nilai jendela yang ada.
2. Jika tidak ada fungsi yang terikat pada fungsi pemrosesan ini, tambahkan fungsi bentuk ke sana seperti biasa.
3. Jika beberapa fungsi sudah terikat pada fungsi pemrosesan ini, tambahkan fungsi bentuk ke akhir instruksi yang ada.
Berikut adalah daftar kode untuk fungsi addloadevent ():
function addloadEvent (func) {var oldonload = window.onload; if (typeof window.onload! = 'function') {window.onload = func; } else {window.onload = function () {oldonload (); func (); }}}Ini setara dengan membuat antrian untuk fungsi yang akan dieksekusi saat halaman dimuat. Jika Anda ingin menambahkan dua fungsi sekarang ke antrian, Anda hanya perlu menulis kode berikut:
AddLoadEvent (FirstFunction); addloadEvent (fungsi kedua);
Metode di atas untuk mengikat beberapa fungsi JavaScript ke fungsi penanganan acara Onload adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.