window.onload un document.onload JavaScript

Window Onload Un Document Onload Javascript



Programmā JavaScript “ window.onload ' un ' document.onload ” ir divi notikumi, kas bieži tiek izmantoti, lai nodrošinātu, ka lapa ir pilnībā ielādēta pirms koda palaišanas. Notikums document.onload notiek pirms notikuma window.onload, kad ir ielādēts viss HTML dokuments, savukārt notikums window.onload notiek pēc tam, kad viss lapā ir ielādēts, ieskaitot ilustrācijas.

Šis emuārs demonstrēs atšķirību starp window.onload un document.onload JavaScript.

window.onload un document.onload JavaScript

' window.onload ” notikums tiek aktivizēts, kad ir pabeigta visas lapas (tostarp tās resursu) ielāde. Tas nozīmē, ka varat izmantot šo notikumu, lai nodrošinātu, ka lapa ir pilnībā ielādēta, pirms tiek palaists kāds kods, kas ir atkarīgs no lapas satura.







' document.onload ” notikums ir līdzīgs logam.onload, taču tas tiek aktivizēts tikai tad, kad dokumenta DOM (lapas satura struktūra) ir pabeigta ielāde. Tas nozīmē, ka varat izmantot šo notikumu, lai nodrošinātu, ka lapas saturs ir pilnībā ielādēts un gatavs manipulēšanai pirms koda palaišanas.



Kāda ir labākā pieeja, kas jāievēro?

Parasti ir ieteicams izmantot document.onload, nevis logu.onload, ja pirms koda palaišanas ir jāpārliecinās, vai lapas saturs ir pilnībā ielādēts. Tas ir tāpēc, ka document.onload tiks aktivizēts ātrāk nekā logs.onload, kas var uzlabot jūsu koda veiktspēju. Tomēr, ja pirms koda palaišanas ir jāpārliecinās, ka lapas resursi (piemēram, attēli un stila lapas) ir pilnībā ielādēti, tā vietā izmantojiet failu window.onload.



Kā JavaScript lietotnē window.onload un document.onload?

Dotajā piemērā mēs redzēsim, kā šie notikumi identificē dokumenta ielādi un loga ielādi pirms koda palaišanas.





Zvaniet uz ' document.onload ” notikums, kas informē, ka dokuments ir ielādēts, izmantojot brīdinājuma () ziņojumu:

dokumentu. ielāde = brīdinājums ( 'document_onload' ) ;

Zvaniet uz ' window.onload ” notikumu un piešķiriet tam iegūto brīdinājuma () metodes ziņojumu:



logs. ielāde = brīdinājums ( 'window_onload' ) ;

Kā redzat, kad lapa tiek atsvaidzināta, tiek ielādēts pirmais dokuments un pēc tam tiek izsaukta loga ielādes metode, kad ir pabeigta visas lapas ielāde:

Tas viss attiecas uz notikumiem window.onload un document.onload programmā JavaScript.

Secinājums

' window.onload ' un ' document.onload ” ir divi JavaScript notikumi, lai pārliecinātos, ka pirms koda izpildes tiek ielādēta visa lapa. Fails document.onload tiks aktivizēts ātrāk nekā window.onload, kas var uzlabot koda veiktspēju. Šis emuārs demonstrēja atšķirību starp window.onload un document.onload JavaScript.