|
רק לחדד את התשובה של איתי,
DOM זה בעצם כל אלמנט שבונה את העמוד שאתה רואה כרגע על המסך.
ייתכן מצב שבו קיבלת איזשהו HTML מהשרת ועל סמך ה-HTML הזה נבנה העמוד (ה-DOM). לאחר מכן באמצעות JS החלטת להוסיף/להסיר איזשהו אלמנט (לדוגמה DIV), אז בעצם ביצעת שינוי ב-DOM.
סוף טעינת ה-DOM זה כאשר הדפדפן קיבל את כל ה-HTML של העמוד.
ארוע onload מתרחש אחרי שכל העמוד נטען וכן קבצים חיצונים נוספים נטענו (JS, CSS).
נהוג תהשתמש בארוע onload על מנת להריץ סקריפטים ב-JS, כדי להיות בטוחים שכל ה-HTML סיים להטען מהשרת כהלכה (ונבנה ה-DOM), כל קבצי ה-JS החיצונים גם נטענו, וכעת יש לנו את כל הרכיבים שאנחנו צריכים על מנת להתחיל לעבוד עם העמוד. לא מומלץ לעשות את זה לפני כי אנחנו יכולים להגיע למצב שאנחנו מתייחסים לאלמנט כלשהו שעדיין לא נטען מהשרת והדפדפן לא מכיר אותו, או לחילופין אנחנו מתייחסים לקוד JS שנמצא בקובץ חיצוני וטרם נטען.
הבעיה עם שימוש ב-onload היא שבעצם סקריפטים מתעקבים בהתחלת הריצה שלהם עד שהכל נטען. כך לדגמה אם יש לך בעמוד שעון שאמור לרוץ ברגע שהעמוד סיים להטען, המשתמש עלול לשמים לב שהשעון מתחיל לרחוץ רק כמה שניות אחרי שהוא הוצג לראשונה על המסך.
|