Este blog demostrará la diferencia entre window.onload y document.onload en JavaScript.
ventana.onload vs document.onload en JavaScript
Él ' ventana.onload El evento se activa cuando la página completa (incluidos sus recursos) ha terminado de cargarse. Esto significa que puede usar este evento para asegurarse de que la página esté completamente cargada antes de ejecutar cualquier código que dependa del contenido de la página.
Él ' documento.onload El evento es similar a window.onload, pero solo se activa cuando el DOM del documento (la estructura del contenido de la página) ha terminado de cargarse. Esto significa que puede usar este evento para asegurarse de 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 document.onload en lugar de window.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 document.onload se activará más rápido que window.onload, lo 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 cargados antes de ejecutar su código, entonces debe usar window.onload en su lugar.
¿Cómo usar window.onload vs document.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.onload ” evento que le informa que el documento se carga mediante un mensaje de alerta ():
documento. cargar = alerta ( 'document_onload' ) ;Llama a ' ventana.onload ” y asígnele el mensaje resultante de un método alert():
ventana. cargar = alerta ( 'window_onload' ) ;
Como puede ver, cuando se actualiza la página, se carga el primer documento y luego se invoca el método de carga de la ventana cuando la página completa ha terminado de cargarse:
Eso es todo acerca de los eventos window.onload y document.onload en JavaScript.
Conclusión
Él ' ventana.onload ' y ' documento.onload ” son dos eventos de JavaScript para asegurarse de que la página completa se cargue antes de ejecutar cualquier código. document.onload se activará más rápido que window.onload, lo que puede mejorar el rendimiento del código. Este blog demostró la diferencia entre window.onload y document.onload en JavaScript.