V JavaScriptu se tato událost může použít ke spuštění konkrétní funkce, když je stránka plně zobrazena. Lze jej také použít k ověření typu a verze prohlížeče návštěvníka. Můžeme zkontrolovat, jaké soubory cookie stránka používá pomocí načíst atribut.
V HTML se atribut onload spustí při načtení objektu. Účelem tohoto atributu je spustit skript při načtení přidruženého prvku.
V HTML je načíst atribut se obecně používá s prvek ke spuštění skriptu, jakmile je obsah webové stránky (včetně souborů CSS, obrázků, skriptů atd.) zcela načten. Není nutné jej používat pouze s tagem , protože jej lze použít s jinými HTML prvky.
Rozdíl mezi dokument.načíst a okno.načtení je: dokument.načíst spouští před načtením obrázků a dalšího externího obsahu. Vystřelí se před okno.načtení . Zatímco okno.načtení spustí se při načtení celé stránky, včetně souborů CSS, souborů skriptů, obrázků atd.
css ohraničení
Syntax
window.onload = fun()
Pojďme pochopit tuto událost pomocí několika příkladů.
Příklad1
V tomto příkladu je prvek div s výškou 200px a šířkou 200px. Zde používáme window.onload() změnit barvu pozadí, šířku a výšku div prvek po načtení webové stránky.
Barva pozadí je nastavena na 'Červené' a šířka a výška jsou nastaveny na 300 pixelů každý.
zapouzdření java
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> Otestujte to hned Výstup
Po provedení kódu a načtení stránky bude výstupem -
Příklad2
V tomto příkladu implementujeme jednoduchou animaci pomocí vlastností objektu DOM a funkcí javascript . Používáme Funkce JavaScript getElementById() pro získání objektu DOM a poté přiřaďte tento objekt do globální proměnné.
arp příkaz
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> Otestujte to hned Výstup
Po úspěšném provedení výše uvedeného kódu bude výstupem -
Nyní je zde příklad, ve kterém použijeme HTML načíst atribut a funkce JavaScriptu.
Příklad3
Je to jednoduchý příklad použití HTML načíst atribut s funkcí definovanou v JavaScriptu. V tomto příkladu je upozornění() funkce se volá při každém obnovení dokumentu.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Otestujte to hned Výstup
velikost latexového textu
Po provedení výše uvedeného kódu bude výstupem -
