Овај блог ће показати разлику између виндов.онлоад и доцумент.онлоад у ЈаваСцрипт-у.
виндов.онлоад против доцумент.онлоад у ЈаваСцрипт-у
„ виндов.онлоад ” догађај се покреће када се цела страница (укључујући њене ресурсе) заврши учитавањем. То значи да можете да користите овај догађај да бисте били сигурни да је страница у потпуности учитана пре покретања било ког кода који се ослања на садржај странице.
„ документ.онлоад ” догађај је сличан виндов.онлоад, али се покреће само када се ДОМ документа (структура садржаја странице) заврши учитавањем. Ово значи да можете да користите овај догађај да бисте осигурали да је садржај странице у потпуности учитан и спреман за манипулацију пре покретања било ког кода.
Који је најбољи приступ?
Уопштено говорећи, добра је идеја да користите доцумент.онлоад уместо виндов.онлоад ако само треба да се уверите да је садржај странице у потпуности учитан пре покретања кода. То је зато што ће се доцумент.онлоад покренути брже од виндов.онлоад, што може побољшати перформансе вашег кода. Међутим, ако је потребно да се уверите да су ресурси странице (као што су слике и стилови) у потпуности учитани пре покретања кода, требало би да уместо тога користите виндов.онлоад.
Како користити виндов.онлоад вс доцумент.онлоад у ЈаваСцрипт-у?
У датом примеру видећемо како ови догађаји идентификују учитавање документа и учитавање прозора пре покретања било ког кода.
Звати ' документ.онлоад ” догађај који вас обавештава да се документ учитава помоћу поруке упозорења ():
документ. на оптерећење = узбуна ( 'доцумент_онлоад' ) ;Звати ' виндов.онлоад ” догађај и доделите му резултирајућу поруку алерт() методе:
прозор. на оптерећење = узбуна ( 'виндов_онлоад' ) ;
Као што видите, када се страница освежи, први документ се учитава, а затим се позива метода за учитавање прозора када се цела страница заврши са учитавањем:
То је све о догађајима виндов.онлоад и доцумент.онлоад у ЈаваСцрипт-у.
Закључак
„ виндов.онлоад ' и ' документ.онлоад ” су два ЈаваСцрипт догађаја како би били сигурни да се цела страница учита пре извршавања било ког кода. Документ.онлоад ће се покренути брже од виндов.онлоад, што може побољшати перформансе кода. Овај блог је показао разлику између виндов.онлоад и доцумент.онлоад у ЈаваСцрипт-у.