„JavaScript“ programoje šis įvykis gali būti taikomas norint paleisti tam tikrą funkciją, kai puslapis yra visiškai rodomas. Jis taip pat gali būti naudojamas norint patikrinti lankytojo naršyklės tipą ir versiją. Galime patikrinti, kokius slapukus naudoja puslapis, naudodami įkėlimas atributas.
HTML įkėlimo atributas suaktyvinamas, kai objektas įkeliamas. Šio atributo tikslas yra vykdyti scenarijų, kai įkeliamas susijęs elementas.
HTML, įkėlimas atributas paprastai naudojamas su elementą, kad būtų paleistas scenarijus, kai tinklalapio turinys (įskaitant CSS failus, vaizdus, scenarijus ir kt.) bus visiškai įkeltas. Nebūtina jo naudoti tik su žyma , nes ji gali būti naudojama su kitais HTML elementais.
Skirtumas tarp dokumentas.atsiuntimas ir langas.atsiuntimas yra: dokumentas.atsiuntimas suaktyvina prieš įkeliant vaizdus ir kitą išorinį turinį. Jis iššaunamas prieš langas.atsiuntimas . Kol langas.atsiuntimas suveikia, kai įkeliamas visas puslapis, įskaitant CSS failus, scenarijaus failus, vaizdus ir kt.
dvejetainis medis užsakymo paštu perkėlimas
Sintaksė
window.onload = fun()
Supraskime šį įvykį naudodami keletą pavyzdžių.
1 pavyzdys
Šiame pavyzdyje yra 200 pikselių aukščio ir 200 pikselių pločio div elementas. Čia mes naudojame window.onload() norėdami pakeisti fono spalvą, plotį ir aukštį div elementą įkėlus tinklalapį.
Nustatyta fono spalva 'raudona' , o plotis ir aukštis nustatyti į 300 piks kiekviena.
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> Išbandykite dabar Išvestis
slinkties ratukas neveikia
Įvykdžius kodą ir įkėlus puslapį, išvestis bus -
2 pavyzdys
Šiame pavyzdyje mes įgyvendiname paprastą animaciją, naudodami DOM objekto savybes ir funkcijas javascript . Mes naudojame JavaScript funkcija getElementById(), kad gautumėte DOM objektą, tada priskirkite tą objektą pasauliniam kintamajam.
string to char
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> Išbandykite dabar Išvestis
Sėkmingai įvykdžius aukščiau pateiktą kodą, išvestis bus -
Dabar yra pavyzdys, kuriame naudosime HTML įkėlimas atributas ir JavaScript funkcijos.
kokie mėnesiai yra 3 ketvirtyje
3 pavyzdys
Tai paprastas HTML naudojimo pavyzdys įkėlimas atributas su funkcija, apibrėžta JavaScript. Šiame pavyzdyje budrus() funkcija iškviečiama kiekvieną kartą, kai atnaujinamas dokumentas.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Išbandykite dabar Išvestis
Įvykdžius aukščiau pateiktą kodą, išvestis bus -
