A JavaScript, aquest esdeveniment es pot aplicar per iniciar una funció concreta quan la pàgina es mostra completament. També es pot utilitzar per verificar el tipus i la versió del navegador del visitant. Podem comprovar quines galetes utilitza una pàgina utilitzant el carregar atribut.
En HTML, l'atribut onload s'activa quan s'ha carregat un objecte. El propòsit d'aquest atribut és executar un script quan es carregui l'element associat.
En HTML, el carregar l'atribut s'utilitza generalment amb el element per executar un script una vegada que el contingut (inclosos fitxers CSS, imatges, scripts, etc.) de la pàgina web estigui completament carregat. No cal utilitzar-lo només amb tag , ja que es pot utilitzar amb altres elements HTML.
La diferència entre el document.descarrega i finestra.carrega és: document.descarrega activa abans de la càrrega d'imatges i altres continguts externs. Es dispara abans del finestra.carrega . Mentre que finestra.carrega s'activa quan es carrega tota la pàgina, inclosos fitxers CSS, fitxers d'script, imatges, etc.
taula de làtex
Sintaxi
window.onload = fun()
Entendrem aquest esdeveniment fent servir alguns exemples.
Exemple 1
En aquest exemple, hi ha un element div amb una alçada de 200 px i una amplada de 200 px. Aquí, estem utilitzant el window.onload() per canviar el color de fons, l'amplada i l'alçada del fons div element després de carregar la pàgina web.
El color de fons està configurat a 'vermell' , i l'amplada i l'alçada s'estableixen a 300 píxels cadascun.
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> Prova-ho ara Sortida
mecanografia per a cadascun
Després de l'execució del codi i la càrrega de la pàgina, la sortida serà -
Exemple 2
En aquest exemple, estem implementant una animació senzilla utilitzant les propietats de l'objecte DOM i les funcions de javascript . Fem servir el Funció JavaScript getElementById() per obtenir l'objecte DOM i després assignar-lo a una variable global.
arp una ordre
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> Prova-ho ara Sortida
Després de l'execució correcta del codi anterior, la sortida serà -
Ara, hi ha un exemple en què utilitzarem l'HTML carregar atribut i les funcions de JavaScript.
tipus d'arbre binari
Exemple 3
És un exemple senzill d'utilitzar l'HTML carregar atribut amb la funció definida a JavaScript. En aquest exemple, el alerta () La funció es crida sempre que s'actualitza el document.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Prova-ho ara Sortida
Després de l'execució del codi anterior, la sortida serà -
