หลังจากเบราว์เซอร์โหลด DOM มันจะเพิ่มเหตุการณ์ในองค์ประกอบ DOM ผ่าน JavaScript ใน JavaScript มักใช้วิธี Window.onload ()
ใน jQuery ใช้วิธี $ (เอกสาร) .ready () ให้ฉันแนะนำความแตกต่างระหว่างสองด้านล่าง
| window.onload () | $ (เอกสาร). พร้อม () | |
| เวลาดำเนินการ | ดำเนินการองค์ประกอบทั้งหมดของหน้า (รวมถึงรูปภาพและไฟล์อ้างอิง) หลังจากโหลด | HTML DOM ทั้งหมดในหน้าจะถูกดำเนินการหลังจากโหลดโครงสร้าง CSS DOM และภาพอื่น ๆ อาจไม่สามารถโหลดได้ หากคุณต้องการเนื้อหาทั้งหมดของหน้าเว็บ (รวมถึงรูปภาพ ฯลฯ ) เพื่อโหลดลงทะเบียนเหตุการณ์และใช้ $ (หน้าต่าง) .load (ฟังก์ชั่น); เทียบเท่ากับ window.onload () |
| เขียนตัวเลข | คุณไม่สามารถเขียนหลายคำในเวลาเดียวกันหลังจะเขียนทับคำก่อนหน้านี้ อดีต: window.onload = function () {alert ("a"); - window.onload = function () {Alert ("B"); - ผลลัพธ์จะเป็น "B" หากคุณต้องการเรียกใช้การแจ้งเตือน ("a") และการแจ้งเตือน ("B") ตามลำดับคุณต้องเขียนมัน window.onload = function () { การแจ้งเตือน ("A"); การแจ้งเตือน ("B"); - | สามารถเขียนหลาย ๆ พร้อมกันได้ |
| ตัวย่อ | ไม่มี | $ (เอกสาร) .ready (function () { // ทำ; - สามารถเขียนเป็น $ (). พร้อม (ฟังก์ชัน () {// $ () โดยไม่มีพารามิเตอร์เป็นเอกสาร // ทำ; });หรือ $ (function () { // ทำ; - |