finestra.Onload vs documento.Onload in JavaScript

In JavaScript, "finestra.Onload" E "documento.Onload"Sono spesso usati due eventi per assicurarsi che la pagina sia completamente caricata prima di eseguire qualsiasi codice. Il documento.L'evento Onload si svolge prima della finestra.Evento Onload Quando è stato caricato l'intero documento HTML, mentre la finestra.L'evento Onload si verifica in seguito quando tutto sulla pagina è stato caricato, comprese le illustrazioni.

Questo blog dimostrerà la differenza tra la finestra.Onload e documento.Onload in JavaScript.

finestra.Onload vs documento.Onload in JavaScript

IL "finestra.Onload"L'evento viene licenziato quando l'intera pagina (comprese le sue risorse) ha terminato il caricamento. Ciò significa che è possibile utilizzare questo evento per assicurarsi che la pagina sia completamente caricata prima di eseguire qualsiasi codice che si basi sul contenuto della pagina.

IL "documento.Onload"L'evento è simile alla finestra.Onload, ma spara solo quando il DOM del documento (la struttura del contenuto della pagina) ha terminato il caricamento. Ciò significa che è possibile utilizzare questo evento per garantire che il contenuto della pagina sia completamente caricato e pronto per essere manipolato prima di eseguire qualsiasi codice.

Qual è l'approccio migliore da seguire?

In generale, è una buona idea usare un documento.Onload invece della finestra.Onload se devi solo assicurarti che il contenuto della pagina sia completamente caricato prima di eseguire il codice. Questo perché il documento.Onload spazzerà più velocemente di una finestra.Onload, che può migliorare le prestazioni del tuo codice. Tuttavia, se è necessario assicurarsi che le risorse della pagina (come immagini e fogli di stile) siano completamente caricate prima di eseguire il codice, è necessario utilizzare la finestra.Onload invece.

Come usare la finestra.Onload vs documento.Onload in JavaScript?

Nell'esempio dato, vedremo come questi eventi identificano il caricamento del documento e il caricamento della finestra prima di eseguire qualsiasi codice.

Chiama il "documento.Onload"Evento che informa che il documento viene caricato utilizzando un messaggio Alert ():

documento.onload = alert ("document_onload");

Chiama il "finestra.Onload"Evento e assegnare il messaggio risultante di un metodo Alert ():

finestra.onload = alert ("window_onload");

Come puoi vedere, quando la pagina viene aggiornata, il primo documento viene caricato e quindi il metodo della finestra Onload viene invocato quando l'intera pagina ha terminato il caricamento:

Questo è tutto per la finestra.Onload e documento.Onload Eventi in JavaScript.

Conclusione

IL "finestra.Onload" E "documento.Onload"Sono due eventi JavaScript per assicurarsi che la pagina completa si carica prima di eseguire qualsiasi codice. Il documento.Onload spazzerà più velocemente della finestra.Onload, che può migliorare le prestazioni del codice. Questo blog ha dimostrato la differenza tra la finestra.Onload e documento.Onload in JavaScript.