En JavaScript, este evento puede aplicarse para iniciar una función particular cuando la página se muestra por completo. También se puede utilizar para verificar el tipo y la versión del navegador del visitante. Podemos comprobar qué cookies utiliza una página utilizando el cargar atributo.
En HTML, el atributo onload se activa cuando se carga un objeto. El propósito de este atributo es ejecutar un script cuando se carga el elemento asociado.
En HTML, el cargar El atributo se utiliza generalmente con el elemento para ejecutar un script una vez que el contenido (incluidos archivos CSS, imágenes, scripts, etc.) de la página web esté completamente cargado. No es necesario utilizarlo sólo con etiqueta, ya que se puede utilizar con otros elementos HTML.
La diferencia entre el documento.onload y ventana.onload es: documento.onload se activa antes de la carga de imágenes y otro contenido externo. Se dispara antes del ventana.onload . Mientras que la ventana.onload Se activa cuando se carga toda la página, incluidos archivos CSS, archivos de script, imágenes, etc.
lanzar manejo de excepciones en java
Sintaxis
window.onload = fun()
Entendamos este evento usando algunos ejemplos.
Ejemplo 1
En este ejemplo, hay un elemento div con una altura de 200 px y un ancho de 200 px. Aquí estamos usando el ventana.onload() para cambiar el color de fondo, el ancho y el alto del div elemento después de cargar la página web.
El color de fondo está configurado en 'rojo' , y el ancho y el alto se establecen en 300px cada.
glotón contra tejón
window.onload() #bg{ width: 200px; height: 200px; border: 4px solid blue; } window.onload = function(){ document.getElementById('bg').style.backgroundColor = 'red'; document.getElementById('bg').style.width = '300px'; document.getElementById('bg').style.height = '300px'; } <h2> This is an example of window.onload() </h2> Pruébalo ahora Producción
Después de la ejecución del código y la carga de la página, el resultado será:
Ejemplo2
En este ejemplo, estamos implementando una animación simple usando las propiedades del objeto DOM y las funciones de javascript . Usamos el Función JavaScript getElementById() para obtener el objeto DOM y luego asignar ese objeto a una variable global.
cadena a números enteros
var img = null; function init(){ img = document.getElementById('myimg'); img.style.position = 'relative'; img.style.left = '50px'; } function moveRight(){ img.style.left = parseInt( img.style.left) + 100 + 'px'; } window.onload = init; <p>Click the below button to move the image right</p> Pruébalo ahora Producción
Después de la ejecución exitosa del código anterior, el resultado será:
Ahora, hay un ejemplo en el que usaremos el HTML. cargar atributo y las funciones de JavaScript.
Ejemplo3
Es un ejemplo simple del uso del HTML. cargar atributo con la función definida en JavaScript. En este ejemplo, el alerta() La función se llama cada vez que se actualiza el documento.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Pruébalo ahora Producción
clave única de mysql
Después de la ejecución del código anterior, el resultado será:
