בלוג זה ידגים את ההבדל בין window.onload ל-document.onload ב-JavaScript.
window.onload לעומת document.onload ב-JavaScript
ה ' window.onload אירוע ” מופעל כאשר כל העמוד (כולל המשאבים שלו) סיים לטעון. משמעות הדבר היא שאתה יכול להשתמש באירוע זה כדי להבטיח שהדף נטען במלואו לפני הפעלת קוד כלשהו המסתמך על תוכן הדף.
ה ' document.onload ” האירוע דומה ל-window.onload, אך הוא מופעל רק כאשר ה-DOM של המסמך (מבנה תוכן העמוד) סיים לטעון. זה מסמל שאתה יכול להשתמש באירוע זה כדי להבטיח שתוכן הדף נטען במלואו ומוכן לעיבוד לפני הפעלת קוד כלשהו.
מהי הגישה הטובה ביותר לביצוע?
באופן כללי, מומלץ להשתמש ב-document.onload במקום ב-window.onload אם אתה רק צריך לוודא שתוכן העמוד נטען במלואו לפני הפעלת הקוד. הסיבה לכך היא ש-document.onload יופעל מהר יותר מ-window.onload, מה שיכול לשפר את הביצועים של הקוד שלך. עם זאת, אם אתה צריך לוודא שהמשאבים של הדף (כגון תמונות וגיליונות סגנונות) נטענים במלואם לפני הפעלת הקוד שלך, עליך להשתמש במקום זאת ב-window.onload.
כיצד להשתמש ב-window.onload לעומת document.onload ב-JavaScript?
בדוגמה הנתונה, נראה כיצד אירועים אלו מזהים את טעינת המסמך ואת טעינת החלון לפני הפעלת קוד כלשהו.
תתקשר ל ' document.onload ' אירוע שמודיע לך שהמסמך נטען באמצעות הודעת התראה():
מסמך. עומס = עֵרָנִי ( 'העלאת מסמך' ) ;תתקשר ל ' window.onload ' אירוע ולהקצות לו את ההודעה המתקבלת של שיטת התראה() :
חַלוֹן. עומס = עֵרָנִי ( 'window_onload' ) ;
כפי שניתן לראות, כאשר הדף מתרענן, המסמך הראשון נטען, ולאחר מכן מופעלת שיטת טעינת החלון כאשר כל העמוד סיים את טעינתו:
זה הכל לגבי אירועי window.onload ו-document.onload ב-JavaScript.
סיכום
ה ' window.onload ' ו' document.onload ' הם שני אירועי JavaScript כדי לוודא שהעמוד המלא נטען לפני ביצוע קוד כלשהו. ה-document.onload יופעל מהר יותר מ-window.onload, מה שיכול לשפר את ביצועי הקוד. בלוג זה הדגים את ההבדל בין window.onload ל-document.onload ב-JavaScript.