ventana.Documento de Onload VS.Onload en JavaScript

En JavaScript, "ventana.encendido" y "documento.encendido"Son dos eventos que a menudo se usan para garantizar que la página esté completamente cargada antes de ejecutar cualquier código. El documento.El evento de Onload se lleva a cabo antes de la ventana.Evento de Onload cuando se ha cargado todo el documento HTML, mientras que la ventana.El evento de Onload ocurre después cuando todo en la página se ha cargado, incluidas las ilustraciones.

Este blog demostrará la diferencia entre la ventana.Onload y documento.Onload en JavaScript.

ventana.Documento de Onload VS.Onload en JavaScript

El "ventana.encendido"El evento se dispara cuando toda la página (incluidos sus recursos) ha terminado de cargar. Esto significa que puede usar este evento para asegurarse de que la página esté completamente cargada antes de ejecutar cualquier código que se basa en el contenido de la página.

El "documento.encendido"El evento es similar a la ventana.Onload, pero solo se dispara cuando el DOM del documento (la estructura del contenido de la página) ha terminado de cargar. Esto significa que puede usar este evento para garantizar que el contenido de la página esté completamente cargado y listo para ser manipulado antes de ejecutar cualquier código.

¿Cuál es el mejor enfoque a seguir??

En general, es una buena idea usar un documento.Onload en lugar de la ventana.Onload Si solo necesita asegurarse de que el contenido de la página esté completamente cargado antes de ejecutar su código. Esto se debe a que documento.Onload disparará más rápido que una ventana.Onload, que puede mejorar el rendimiento de su código. Sin embargo, si necesita asegurarse de que los recursos de la página (como imágenes y hojas de estilo) estén completamente cargadas antes de ejecutar su código, entonces debe usar la ventana.en su lugar en su lugar.

Cómo usar la ventana.Documento de Onload VS.Onload en JavaScript?

En el ejemplo dado, veremos cómo estos eventos identifican la carga del documento y la carga de la ventana antes de ejecutar cualquier código.

Llama a "documento.encendido"El evento que le informa que el documento se carga utilizando un mensaje alert ():

documento.onload = alert ("document_onload");

Llama a "ventana.encendido"Evento y asigne el mensaje resultante de un método alert ():

ventana.onload = alert ("window_onload");

Como puede ver, cuando la página se actualiza, se carga el primer documento y luego se invoca el método de Onload de la ventana cuando toda la página ha terminado de cargar:

Eso es todo sobre la ventana.Onload y documento.Eventos de carga en JavaScript.

Conclusión

El "ventana.encendido" y "documento.encendido"Son dos eventos de JavaScript para asegurarse de que la página completa se cargue antes de ejecutar cualquier código. El documento.Onload disparará más rápido que la ventana.Onload, que puede mejorar el rendimiento del código. Este blog demostró la diferencia entre la ventana.Onload y documento.Onload en JavaScript.