Blog ini akan menunjukkan perbezaan antara window.onload dan document.onload dalam JavaScript.
window.onload vs document.onload dalam JavaScript
' window.onload acara ” dicetuskan apabila seluruh halaman (termasuk sumbernya) telah selesai dimuatkan. Ini bermakna anda boleh menggunakan acara ini untuk memastikan halaman dimuatkan sepenuhnya sebelum menjalankan sebarang kod yang bergantung pada kandungan halaman.
' document.onload ” peristiwa adalah serupa dengan window.onload, tetapi ia hanya menyala apabila DOM dokumen (struktur kandungan halaman) telah selesai dimuatkan. Ini menandakan bahawa anda boleh menggunakan acara ini untuk memastikan kandungan halaman dimuatkan sepenuhnya dan sedia untuk dimanipulasi sebelum menjalankan sebarang kod.
Apakah Pendekatan Terbaik untuk Diikuti?
Secara umum, adalah idea yang baik untuk menggunakan document.onload dan bukannya window.onload jika anda hanya perlu memastikan kandungan halaman dimuatkan sepenuhnya sebelum menjalankan kod anda. Ini kerana document.onload akan menyala lebih cepat daripada window.onload, yang boleh meningkatkan prestasi kod anda. Walau bagaimanapun, jika anda perlu memastikan bahawa sumber halaman (seperti imej dan helaian gaya) dimuatkan sepenuhnya sebelum menjalankan kod anda, maka anda harus menggunakan window.onload sebaliknya.
Bagaimana untuk Menggunakan window.onload vs document.onload dalam JavaScript?
Dalam contoh yang diberikan, kita akan melihat bagaimana peristiwa ini mengenal pasti pemuatan dokumen dan pemuatan tetingkap sebelum menjalankan sebarang kod.
Panggil ' document.onload ” peristiwa yang memberitahu anda bahawa dokumen dimuatkan menggunakan mesej amaran():
dokumen. memuatkan = amaran ( 'document_onload' ) ;Panggil ' window.onload ” dan tetapkan mesej terhasil kaedah amaran() kepadanya:
tingkap. memuatkan = amaran ( 'window_onload' ) ;
Seperti yang anda lihat, apabila halaman dimuatkan semula, dokumen pertama dimuatkan, dan kemudian kaedah pemuatan tetingkap digunakan apabila seluruh halaman selesai dimuatkan:
Itu sahaja tentang peristiwa window.onload dan document.onload dalam JavaScript.
Kesimpulan
' window.onload ” dan “ document.onload ” ialah dua acara JavaScript untuk memastikan halaman lengkap dimuatkan sebelum melaksanakan sebarang kod. Document.onload akan menyala lebih cepat daripada window.onload, yang boleh meningkatkan prestasi kod. Blog ini menunjukkan perbezaan antara window.onload dan document.onload dalam JavaScript.