Този блог ще демонстрира разликата между 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 ”, което ви информира, че документът е зареден с помощта на съобщение alert():
документ. зареждане = тревога ( 'document_onload' ) ;Обадете се на „ window.onload ” и присвоете полученото съобщение на метод alert() към него:
прозорец. зареждане = тревога ( 'window_onload' ) ;
Както можете да видите, когато страницата се опреснява, първият документ се зарежда и след това се извиква методът onload на прозореца, когато цялата страница приключи със зареждането:
Това е всичко за събитията window.onload и document.onload в JavaScript.
Заключение
„ window.onload ' и ' document.onload ” са две събития на JavaScript, за да се уверите, че цялата страница се зарежда, преди да изпълните какъвто и да е код. document.onload ще се задейства по-бързо от window.onload, което може да подобри производителността на кода. Този блог демонстрира разликата между window.onload и document.onload в JavaScript.