În JavaScript, acest eveniment se poate aplica pentru a lansa o anumită funcție atunci când pagina este complet afișată. Poate fi folosit și pentru a verifica tipul și versiunea browserului vizitatorului. Putem verifica ce cookie-uri folosește o pagină utilizând onload atribut.
În HTML, atributul onload se declanșează atunci când un obiect a fost încărcat. Scopul acestui atribut este de a executa un script atunci când se încarcă elementul asociat.
În HTML , onload atributul este utilizat în general cu element pentru a executa un script odată ce conținutul (inclusiv fișiere CSS, imagini, scripturi etc.) al paginii web este complet încărcat. Nu este necesar să-l folosiți numai cu tag , deoarece poate fi folosit cu alte elemente HTML.
Diferența dintre document.încărcare și fereastră.încărcare este: document.încărcare declanșează înainte de încărcarea imaginilor și a altui conținut extern. Este tras înainte de fereastră.încărcare . In timp ce fereastră.încărcare se declanșează atunci când se încarcă întreaga pagină, inclusiv fișiere CSS, fișiere script, imagini etc.
regex java pentru
Sintaxă
window.onload = fun()
Să înțelegem acest eveniment folosind câteva exemple.
Exemplul 1
În acest exemplu, există un element div cu o înălțime de 200 px și o lățime de 200 px. Aici, folosim window.onload() pentru a schimba culoarea de fundal, lățimea și înălțimea div element după încărcarea paginii web.
Culoarea de fundal este setată la 'roșu' , iar lățimea și înălțimea sunt setate la 300px fiecare.
boolean în c
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> Testează-l acum Ieșire
După executarea codului și încărcarea paginii, rezultatul va fi -
Exemplul 2
În acest exemplu, implementăm o animație simplă folosind proprietățile obiectului DOM și funcțiile lui javascript . Noi folosim Funcția JavaScript getElementById() pentru obținerea obiectului DOM și apoi atribuiți acel obiect într-o variabilă globală.
dubla în java
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> Testează-l acum Ieșire
După executarea cu succes a codului de mai sus, rezultatul va fi -
Acum, există un exemplu în care vom folosi HTML onload atributul și funcțiile JavaScript.
Exemplul3
Este un exemplu simplu de utilizare a HTML-ului onload atribut cu funcția definită în JavaScript. În acest exemplu, alerta() funcția este apelată de fiecare dată când documentul se reîmprospătează.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Testează-l acum Ieșire
cochilie din nou
După executarea codului de mai sus, rezultatul va fi -
