U JavaScriptu se ovaj događaj može primijeniti za pokretanje određene funkcije kada je stranica u potpunosti prikazana. Također se može koristiti za provjeru vrste i verzije preglednika posjetitelja. Možemo provjeriti koje kolačiće stranica koristi pomoću onload atribut.

U HTML-u, atribut onload aktivira se kada se objekt učita. Svrha ovog atributa je izvršiti skriptu kada se pridruženi element učita.

U HTML-u, onload atribut se općenito koristi s element za izvršavanje skripte nakon što se sadržaj (uključujući CSS datoteke, slike, skripte itd.) web-stranice potpuno učita. Nije ga potrebno koristiti samo s oznakom jer se može koristiti s drugim HTML elementima.

Razlika između dokument.onload i prozor.onload je: dokument.onload aktivira prije učitavanja slika i drugog vanjskog sadržaja. Ispaljuje se prije prozor.onload . Dok prozor.onload pokreće kada se učita cijela stranica, uključujući CSS datoteke, datoteke skripti, slike itd.

lateks font

Sintaksa

 window.onload = fun() 

Razumimo ovaj događaj pomoću nekoliko primjera.

gradovi u australiji

Primjer1

U ovom primjeru postoji element div visine 200 piksela i širine 200 piksela. Ovdje koristimo window.onload() za promjenu boje pozadine, širine i visine div element nakon učitavanja web stranice.

Boja pozadine postavljena je na 'Crvena' , a širina i visina postavljeni su na 300 px svaki.

 window.onload() #bg{ width: 200px; height: 200px; border: 4px solid blue; } window.onload = function(){ document.getElementById(&apos;bg&apos;).style.backgroundColor = &apos;red&apos;; document.getElementById(&apos;bg&apos;).style.width = &apos;300px&apos;; document.getElementById(&apos;bg&apos;).style.height = &apos;300px&apos;; } <h2> This is an example of window.onload() </h2> 

Izlaz

Nakon izvršenja koda i učitavanja stranice, izlaz će biti -

Primjer2

U ovom primjeru implementiramo jednostavnu animaciju korištenjem svojstava DOM objekta i funkcija javascript . Koristimo se JavaScript funkcija getElementById() za dobivanje DOM objekta i zatim dodjeljivanje tog objekta u globalnu varijablu.

q1 q2 q3 q4

 var img = null; function init(){ img = document.getElementById(&apos;myimg&apos;); img.style.position = &apos;relative&apos;; img.style.left = &apos;50px&apos;; } function moveRight(){ img.style.left = parseInt( img.style.left) + 100 + &apos;px&apos;; } window.onload = init; <p>Click the below button to move the image right</p> 

Izlaz

Nakon uspješnog izvođenja gornjeg koda, izlaz će biti -

Evo primjera u kojem ćemo koristiti HTML onload atribut i JavaScript funkcije.

Primjer3

To je jednostavan primjer korištenja HTML-a onload atribut s funkcijom definiranom u JavaScriptu. U ovom primjeru, upozorenje() funkcija se poziva kad god se dokument osvježi.

 function fun() { alert(&apos;Hello World!!, Welcome to the javaTpoint.com&apos;); } <p> Try to refresh the document to see the effect. </p> 

Izlaz

organizacija i arhitektura računala

Nakon izvršenja gornjeg koda, izlaz će biti -