¿Cuál es el evento Window Onload en JavaScript??
JavaScript tiene un evento de Window Onload para iniciar ciertas funciones cada vez que se carga una página web. El evento de Onload también se utiliza para la verificación del tipo y la versión del navegador del visitante. También se pueden verificar más cookies a través del atributo de Onload.
El atributo de Onload se dispara cuando el objeto se carga en HTML. Esto es para iniciar el script siempre que se cargue el elemento asociado. En palabras más simples, podemos decir que el evento Window Onload se activa cada vez que se inicia una página web correctamente.
El evento Onload se usa para ejecutar un script una vez que su sustancia (que incluye archivos CSS, imágenes y scripts) de la página se activa por completo. Sin embargo, no siempre necesitas una etiqueta. Se puede usar con otros elementos HTML.
La descarga.Onload se inicia antes de las imágenes y el contenido externo, activado justo antes de la ventana.encendido. Mientras que, ventana.Onload comienza después de que la página está completamente cargada, incluyendo CSS, archivos de script, imágenes y muchos más.
Si desea manipular el evento de carga en JavaScript, entonces debe registrar el oyente de eventos a través del método de addEventListener () como se muestra en el siguiente ejemplo:
ventana.addEventListener ('load', (event) =>consola.registro (página cargada);
);
También puede manejar el evento de carga a través de la propiedad del objeto de la ventana I.mi. encendido. El siguiente ejemplo muestra cómo usar la propiedad Onload:
ventana.onload = (evento) =>consola.log ('página cargada');
;
Ventana.Evento de carga en la sección principal de HTML
En primer lugar, vamos a presentar un ejemplo simple de una ventana.Evento de carga. En este ejemplo, simplemente mostramos un mensaje de alerta cada vez que se carga una página.
Sintaxis
ventana.onload = functionName ();Ejemplo
Producción
Evento de carga en la sección del cuerpo de HTML
El contenido se puede mostrar en la sección del cuerpo de HTML. Cada vez que se carga la página web, el evento que ocurrió en ese momento se llama evento Onload. Podemos usar el evento Onload en la sección del cuerpo para que podamos ejecutar el script.
Sintaxis
Ejemplo
Si desea usar un evento de encendido dentro de la sección del cuerpo, ejecute el siguiente código.
Producción
Evento de carga de ventana en la sección del cuerpo de HTML
El objeto de la ventana de Onload representa la ventana del navegador. Siempre que todas las operaciones se carguen por completo, entonces la propiedad de ENLOAD procesa el evento de carga. La función que queremos ejecutar se asigna a la función del controlador de la propiedad Onload. Cada vez que se carga la página web, la función se ejecutará. Le hemos proporcionado un ejemplo a continuación.
Sintaxis
ventana.onload = function functionName ()// escribir función aquí
Ejemplo
¿Qué es el evento Window Onload en JavaScript??
Script ejecutado. Ahora puede verificar su consola para ver la salida.
Producción
Salida de la consola
Si desea ver la salida de la consola, debe abrir DevTool presionando las teclas de acceso directo I I.mi. Ctrl+ Shift+ I. Después de abrir el DevTool, podrá ver la pantalla de salida de la consola como se muestra a continuación.
Conclusión
Hemos aprendido sobre qué ventana.El evento Onload () es y también aprendió la sintaxis del evento Onload. Discutimos brevemente varios métodos de cómo escribir eventos de carga en JavaScript junto con un ejemplo. Para recapitular, ventana.Onload () Los disparadores del evento después de que se haya cargado la página web. También vemos que el evento de Onload es útil para establecer la versión de los navegadores y también se usa para observar las cookies de una página web.