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('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> Testirajte sada 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('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> Testirajte sada 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('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Testirajte sada Izlaz
organizacija i arhitektura računala
Nakon izvršenja gornjeg koda, izlaz će biti -
