V JavaScriptu se lahko ta dogodek uporabi za zagon določene funkcije, ko je stran v celoti prikazana. Uporablja se lahko tudi za preverjanje vrste in različice brskalnika obiskovalca. Katere piškotke stran uporablja, lahko preverimo z uporabo onload atribut.
V HTML se atribut onload sproži, ko je predmet naložen. Namen tega atributa je izvesti skript, ko se povezani element naloži.
V HTML-ju je onload atribut se običajno uporablja z element za izvajanje skripta, ko je vsebina (vključno z datotekami CSS, slikami, skripti itd.) spletne strani popolnoma naložena. Ni nujno, da ga uporabite samo z oznako , saj ga lahko uporabite z drugimi elementi HTML.
Razlika med dokument.onload in window.onload je: dokument.onload sproži pred nalaganjem slik in druge zunanje vsebine. Odpusti se pred window.onload . Medtem ko je window.onload sproži, ko se naloži celotna stran, vključno z datotekami CSS, skriptnimi datotekami, slikami itd.
np.kje
Sintaksa
window.onload = fun()
Razumejmo ta dogodek z nekaj primeri.
Primer1
V tem primeru je element div z višino 200 slikovnih pik in širino 200 slikovnih pik. Tukaj uporabljamo window.onload() da spremenite barvo ozadja, širino in višino div element po nalaganju spletne strani.
10 milijonov
Barva ozadja je nastavljena na 'rdeča' , širina in višina pa sta nastavljeni na 300 slikovnih pik vsak.
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> Preizkusite zdaj Izhod
Po izvedbi kode in nalaganju strani bo rezultat -
Primer2
V tem primeru implementiramo preprosto animacijo z uporabo lastnosti predmeta DOM in funkcij javascript . Uporabljamo funkcija JavaScript getElementById() za pridobitev objekta DOM in nato ta objekt dodelite globalni spremenljivki.
char v niz
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> Preizkusite zdaj Izhod
Po uspešni izvedbi zgornje kode bo rezultat -
Tukaj je primer, v katerem bomo uporabili HTML onload atribut in funkcije JavaScript.
podniz niza
Primer3
To je preprost primer uporabe HTML onload atribut s funkcijo, definirano v JavaScriptu. V tem primeru je opozorilo() funkcija se pokliče vsakič, ko se dokument osveži.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Preizkusite zdaj Izhod
Po izvedbi zgornje kode bo rezultat -
