janela.Onload vs Document.Onload em JavaScript

Em JavaScript, “janela.carregando" e "documento.carregando”São dois eventos frequentemente usados ​​para garantir que a página esteja totalmente carregada antes de executar qualquer código. O documento.Evento OnLoad ocorre antes da janela.Evento OnLoad quando todo o documento HTML está carregado, enquanto a janela.O evento OnLoad ocorre depois, quando tudo na página está carregado, incluindo ilustrações.

Este blog demonstrará a diferença entre a janela.Onload e documento.Onload em JavaScript.

janela.Onload vs Document.Onload em JavaScript

O "janela.carregando”O evento é demitido quando a página inteira (incluindo seus recursos) terminou de carregar. Isso significa que você pode usar este evento para garantir que a página esteja totalmente carregada antes de executar qualquer código que depende do conteúdo da página.

O "documento.carregando”O evento é semelhante à janela.Onload, mas apenas dispara quando o DOM do documento (a estrutura do conteúdo da página) terminou de carregar. Isso significa que você pode usar este evento para garantir que o conteúdo da página esteja totalmente carregado e pronto para ser manipulado antes de executar qualquer código.

Qual é a melhor abordagem a seguir?

Em geral, é uma boa ideia usar um documento.Onload em vez da janela.Onload se você precisar apenas garantir que o conteúdo da página esteja totalmente carregado antes de executar seu código. Isso é porque documento.Onload vai disparar mais rápido que uma janela.ONLOAD, que pode melhorar o desempenho do seu código. No entanto, se você precisar garantir que os recursos da página (como imagens e folhas de estilo) estejam totalmente carregados antes de executar seu código, você deve usar a janela.ONLOAD em vez disso.

Como usar a janela.Onload vs Document.Onload em JavaScript?

No exemplo dado, veremos como esses eventos identificam a carga do documento e a carga da janela antes de executar qualquer código.

Ligar para "documento.carregando”Evento que informa que o documento é carregado usando uma mensagem alert ():

documento.onLload = alert ("document_onload");

Ligar para "janela.carregando”Evento e atribua a mensagem resultante de um método alert () a ele:

janela.onLload = alert ("window_onload");

Como você pode ver, quando a página é atualizada, o primeiro documento é carregado e, em seguida, o método de Onload da janela é chamado quando a página inteira terminar de carregar:

Isso é tudo sobre a janela.Onload e documento.Onload Events in JavaScript.

Conclusão

O "janela.carregando" e "documento.carregando”São dois eventos JavaScript para garantir que a página completa carregue antes de executar qualquer código. O documento.Onload vai disparar mais rápido que a janela.Onload, que pode melhorar o desempenho do código. Este blog demonstrou a diferença entre a janela.Onload e documento.Onload em JavaScript.