Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

Window.onload vs onDocumentReady ใน JavaScript แตกต่างกันยังไง?

ทั้งสองฟังก์ชันใช้ทำงานเมื่อหน้าเว็บโหลดเสร็จในเบราว์เซอร์ แต่มีความแตกต่างเล็กน้อยในวิธีและเวลาที่ทำงาน

window.onload จะทำงานเมื่อเบราว์เซอร์โหลด DOM tree และทรัพยากรอื่นๆ ทั้งหมด เช่น รูปภาพ ออบเจ็กต์ ฯลฯ เสร็จแล้ว

onDocumentReady ทำงานเมื่อ DOM tree สร้างเสร็จแล้ว โดยไม่ต้องรอทรัพยากรอื่นๆ โหลด ทำให้โค้ดทำงานกับ DOM ได้เร็วกว่ากับ onDocumentReady

ความแตกต่างอีกอย่างคือ window.onload ไม่ได้ cross-browser compatible ในขณะที่ใช้ jQuery's document.ready() จะทำงานได้ดีบนเบราว์เซอร์ทุกตัว