Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

Window.onload กับ onDocumentReady ในจาวาสคริปต์


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

“window.onload” จะรันโค้ดเมื่อเบราว์เซอร์โหลดแผนผัง DOM และทรัพยากรอื่นๆ ทั้งหมด เช่น รูปภาพ วัตถุ ฯลฯ

onDocumentReady ดำเนินการเมื่อมีการสร้างแผนผัง DOM โดยไม่ต้องรอให้ทรัพยากรอื่นโหลด ซึ่งช่วยให้รันโค้ดกับ DOM ได้เร็วขึ้นด้วย onDocumentReady

ความแตกต่างอีกประการหนึ่งคือ window.onload ไม่สามารถใช้งานข้ามเบราว์เซอร์ได้ในขณะที่ใช้บางอย่างเช่น document.ready() ของ jQuery จะทำงานได้ดีกับทุกเบราว์เซอร์