Tecnología

Inicio

Diferencias entre onLoad y onReady

Una vez que se aprende a controlar los eventos de las páginas web, puede crear sitios web que interactúan con los visitantes del sitio y mejorar su experiencia de usuario. Algunos eventos, como onLoad, se producen incluso si usted no escribe código para manejarlos. También es posible manejar un evento similar llamado onReady si se agrega una biblioteca de scripts adicional a su código HTML. OnLoad y onReady son casi idénticos, pero tienen una diferencia importante.

Páginas Web y Eventos

Cuando un navegador Web crea una página Web, se construye la página utilizando un árbol de objetos jerárquico llamado el Document Object Model. Los objetos en el DOM existen en un modelo de relación entre padres e hijos estructurada. El objeto del cuerpo, por ejemplo, puede tener objetos secundarios tales como los cierres y las rúbricas. Esos objetos pueden tener nodos de texto niño que hacen referencia a ellos. Los objetos y las relaciones que se dan cuando una página se carga dependen de cómo se codifican su página web. Eventos, que ocurren durante el ciclo de vida de una página, causan diversas acciones que se producen en respuesta a una acción de disparo. Al hacer clic en un botón, por ejemplo, provoca un evento de clic.

Cargando la página

páginas Web aparecen en los navegadores sin el uso de JavaScript. Sin embargo, si se desea crear sitios web interactivos, se debe agregar un lenguaje de script como JavaScript para el código HTML. funciones de JavaScript pueden acceder a objetos DOM, recuperar sus valores e incluso cambiar sus propiedades. Un error que los programadores principiantes a menudo hacen está tratando de modificar un objeto DOM antes de que exista en la página. Los navegadores pasan por un conjunto específico de pasos en la construcción de una página web, y no se puede manipular objetos hasta que el navegador hace que estén disponibles.

OnLoad y onReady

Solicitando una página Web causa un servidor web para enviar su navegador los datos necesarios para la construcción de su página. Un proceso de carga se produce después de un navegador Web carga todos los objetos DOM necesarios para crear la página. eventos OnLoad son parte de la DOM oficial. Al crear aplicaciones Web, usted también tiene la opción de utilizar las bibliotecas de JavaScript de terceros, tales como EXT JS. Esta biblioteca tiene una función que onReady que también se ejecuta cuando se carga una página Web que utiliza la biblioteca.

Diferencia

A menos que agregue Ext JS a una página Web, debe utilizar el evento onLoad estándar para realizar una tarea después de la carga de página. La función onReady se ejecuta antes de que ocurra el evento onLoad y no espera a que el navegador para descargar todos los datos necesarios para construir la página. Es posible que desee utilizar onReady para crear la ilusión de que su página se carga más rápido; visitantes del sitio verán la actividad en la página como se carga. Sin embargo, si una función tiene que manipular un objeto de página, utilice un controlador de eventos onLoad para llamar a esa función. Esto asegura que el objeto existe antes de su código acceda al mismo.


Artículos relacionados