Perbezaan antara fungsi baca dalam jQuery dan onload dalam JavaScript_jquery

Dalam JavaScript, fungsi onload adalah yang paling kerap digunakan dan hampir semua orang yang terlibat dalam JavaScript mesti berhubung dengannya. Fungsi fungsi ini adalah untuk menunggu halaman web dimuatkan sepenuhnya sebelum melaksanakan pernyataan dalam blok kod, kerana ia biasanya digunakan semasa memuatkan JavaScript dalam pengepala mengikut susunan pelaksanaan aliran dokumen.

Salin kod Kod adalah seperti berikut:

window.onload = function(){
// Laksanakan blok kod di sini selepas halaman web dimuatkan
};

Terdapat juga fungsi yang sepadan dalam jQuery, iaitu menunggu halaman web dimuatkan sebelum melaksanakan blok kod

Salin kod Kod adalah seperti berikut:

$(dokumen).sedia(fungsi(){
// Laksanakan blok kod di sini apabila halaman web dimuatkan
});

Kedua-dua fungsi di atas nampaknya sama, tetapi ia sebenarnya sangat berbeza.

onload akan dilaksanakan bukan sahaja selepas pepohon DOM dicipta, tetapi juga selepas semua sumber luaran telah dimuatkan dan keseluruhan halaman telah dipaparkan dalam tetingkap penyemak imbas. Sumber ini termasuk bukan sahaja sumber imej, tetapi juga video kilat yang dibenamkan pada halaman Jika terdapat terlalu banyak imej atau kilat, ia akan mengambil masa yang lama untuk dimuatkan, yang bermakna lebih banyak masa dibelanjakan untuk menangguhkan pelaksanaan blok kod.

Kaedah ready() dalam jQuery hanya perlu menunggu struktur dokumen dihuraikan sepenuhnya dan penyemak imbas telah menukar HTML menjadi pepohon DOM sebelum melaksanakan blok kod tersebut. Perhatikan di sini bahawa ia hanya DOM, gambar dalam halaman web, flash, dsb. Sumber luaran tidak relevan.

Ia boleh dilihat bahawa kaedah ready() dalam jQuery akan memendekkan masa menunggu.

Sudah tentu ada cara lain, iaitu meletakkan semua skrip selepas teg atau ready() dalam jQuery juga akan dicapai, dan kaedah ini kandungan Web akan dipaparkan dengan lebih cepat.