Programmā JavaScript šis notikums var tikt piemērots noteiktas funkcijas palaišanai, kad lapa ir pilnībā parādīta. To var arī izmantot, lai pārbaudītu apmeklētāja pārlūkprogrammas veidu un versiju. Mēs varam pārbaudīt, kādus sīkfailus lapa izmanto, izmantojot ielāde atribūts.
HTML valodā ielādēšanas atribūts tiek aktivizēts, kad objekts ir ielādēts. Šī atribūta mērķis ir izpildīt skriptu, kad tiek ielādēts saistītais elements.
HTML valodā ielāde atribūts parasti tiek izmantots kopā ar elements, lai izpildītu skriptu, kad tīmekļa lapas saturs (tostarp CSS faili, attēli, skripti utt.) ir pilnībā ielādēts. Nav nepieciešams to izmantot tikai ar tagu , jo to var izmantot ar citiem HTML elementiem.
Atšķirība starp document.onload un window.onload ir: document.onload aktivizē pirms attēlu un cita ārējā satura ielādes. Tas tiek izšauts pirms window.onload . Kamēr window.onload aktivizējas, kad tiek ielādēta visa lapa, tostarp CSS faili, skriptu faili, attēli utt.
sarakstu metodes java
Sintakse
window.onload = fun()
Izpratīsim šo notikumu, izmantojot dažus piemērus.
Piemērs1
Šajā piemērā ir div elements, kura augstums ir 200 pikseļi un platums 200 pikseļi. Šeit mēs izmantojam window.onload() lai mainītu fona krāsu , platumu un augstumu div elements pēc tīmekļa lapas ielādes.
Fona krāsa ir iestatīta uz 'sarkans' , un platums un augstums ir iestatīti uz 300 pikseļi katrs.
java beigas
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> Izmēģiniet to tūlīt Izvade
Pēc koda izpildes un lapas ielādes izvade būs -
Piemērs2
Šajā piemērā mēs ieviešam vienkāršu animāciju, izmantojot DOM objekta īpašības un funkcijas javascript . Mēs izmantojam JavaScript funkcija getElementById(), lai iegūtu DOM objektu un pēc tam piešķirtu šo objektu globālajam mainīgajam.
leksikogrāfiski
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> Izmēģiniet to tūlīt Izvade
Pēc veiksmīgas iepriekš minētā koda izpildes izvade būs -
Tagad ir piemērs, kurā mēs izmantosim HTML ielāde atribūts un JavaScript funkcijas.
3. piemērs
Tas ir vienkāršs HTML izmantošanas piemērs ielāde atribūts ar JavaScript definēto funkciju. Šajā piemērā brīdinājums () funkcija tiek izsaukta ikreiz, kad dokuments tiek atsvaidzināts.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Izmēģiniet to tūlīt Izvade
atsauces datu tipi java
Pēc iepriekš minētā koda izpildes izvade būs -
