Analisis ringkas tentang perbezaan antara kemahiran jquery $(document).ready() dan window.onload_javascript

Fungsi $(document).ready() dalam Jquery adalah serupa dengan kaedah window.onload dalam JavaScript tradisional, tetapi ia masih berbeza daripada kaedah window.onload.

1. Masa pelaksanaan
​ ​ window.onload mesti menunggu sehingga semua elemen dalam halaman, termasuk imej, dimuatkan sebelum ia boleh dilaksanakan.
$(document).ready() dilaksanakan selepas struktur DOM dilukis, tanpa perlu menunggu sehingga ia dimuatkan.
2. Bilangan tulisan berbeza
​​​​​​Anda tidak boleh menulis berbilang kaedah window.onload pada masa yang sama Jika terdapat berbilang kaedah window.onload, hanya satu akan dilaksanakan
            $(document).ready() boleh ditulis berbilang kali pada masa yang sama dan semuanya boleh dilaksanakan
3. Penulisan ringkas
            window.onload tidak mempunyai kaedah penulisan yang mudah
            $(document).ready(function(){}) boleh disingkatkan sebagai $(function(){});

Dalam perkembangan saya sebelum ini, saya biasanya menggunakan javascript, dan saya sentiasa menggunakan mod jquery, iaitu, pada kebanyakan masa, baris pertama ialah:

Salin kod Kod adalah seperti berikut:

$(dokumen).sedia(fungsi(){
…
});

Pada masa ini, anda tidak perlu menunggu semua js dan imej dimuatkan sebelum anda boleh melaksanakan beberapa kaedah, tetapi kadangkala, anda perlu menunggu semua

Apabila semua elemen dimuatkan, beberapa kaedah boleh dilaksanakan Sebagai contoh, beberapa gambar atau aspek lain masih belum dimuatkan Pada masa ini, mengklik beberapa butang akan membawa kepada situasi yang tidak dijangka pada masa ini

Perlu guna:

Salin kod Kod adalah seperti berikut:

$(window).load(function() {
…
});

Ringkasan dan perbandingan: