Analisis perbezaan antara kemahiran window.onload dan $(document).ready()_javascript

Contoh dalam artikel ini menerangkan perbezaan antara window.onload dan $(document).ready(). Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

window.onload ialah fungsi dalam Javascript, yang bermaksud: tunggu semua kandungan dalam halaman web dimuatkan (termasuk imej
). $(documetn).ready() boleh dilaksanakan selepas semua struktur DOM dalam halaman web telah dilukis mungkin terdapat elemen yang dikaitkan dengan DOM yang belum dimuatkan, jadi ia lebih pantas berbanding

Sebagai contoh, mari kita ambil contoh mudah:

window.onload=function(){
  alert('I am No.1');
};
window.onload=function(){
 alert('I am No.2');
}

Mengikut maksud di atas, hasilnya hanya boleh mengeluarkan "Saya No.2"

Gantikan

dengan:

$(document).ready(function(){
alert('I am No.1');
});
$(document).ready(function(){
alert('I am No.2');
});

Keluaran keputusan Saya No.1 , Saya No.2

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.