A JavaScriptben ez az esemény egy adott funkció elindítására vonatkozhat, amikor az oldal teljesen megjelenik. Használható a látogató böngészőjének típusának és verziójának ellenőrzésére is. A segítségével ellenőrizhetjük, hogy egy oldal milyen sütiket használ Feltöltés alatt tulajdonság.
A HTML-ben az onload attribútum akkor aktiválódik, amikor egy objektum betöltődik. Ennek az attribútumnak az a célja, hogy egy parancsfájlt hajtson végre a társított elem betöltésekor.
A HTML-ben a Feltöltés alatt attribútumot általában a elemet egy szkript végrehajtásához, miután a weboldal tartalma (beleértve a CSS-fájlokat, képeket, szkripteket stb.) teljesen betöltődött. Nem szükséges csak a címkével használni, mivel más HTML elemekkel is használható.
A különbség a document.onload és window.onload ez: document.onload aktiválja a képek és egyéb külső tartalmak betöltése előtt. Ez előtt lőtték ki window.onload . Amíg a window.onload akkor aktiválódik, amikor a teljes oldal betöltődik, beleértve a CSS-fájlokat, szkriptfájlokat, képeket stb.
mikor kezdődik a q2
Szintaxis
window.onload = fun()
Értsük meg ezt az eseményt néhány példa segítségével.
Példa1
Ebben a példában van egy div elem, amelynek magassága 200 képpont és szélessége 200 képpont. Itt a window.onload() a háttér színének, szélességének és magasságának módosításához div elemet a weboldal betöltése után.
csereall
A háttérszín a következőre van állítva 'piros' , a szélesség és magasság pedig értékre van állítva 300 képpont minden egyes.
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> Tesztelje most Kimenet
A kód végrehajtása és az oldal betöltése után a kimenet a következő lesz:
Példa2
Ebben a példában egy egyszerű animációt valósítunk meg a DOM objektum tulajdonságainak és funkcióinak felhasználásával javascript . Használjuk a JavaScript függvény getElementById() a DOM objektum lekéréséhez, majd hozzárendeli az objektumot egy globális változóhoz.
arp parancsot
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> Tesztelje most Kimenet
A fenti kód sikeres végrehajtása után a kimenet a következő lesz:
Most van egy példa, amelyben a HTML-t fogjuk használni Feltöltés alatt attribútum és a JavaScript függvények.
adjunk hozzá egy tömbhöz java-ban
Példa3
Ez egy egyszerű példa a HTML használatára Feltöltés alatt attribútumot a JavaScriptben definiált függvénnyel. Ebben a példában a éber() függvény meghívásra kerül, amikor a dokumentum frissül.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Tesztelje most Kimenet
A fenti kód végrehajtása után a kimenet a következő lesz:
