V JavaScripte sa táto udalosť môže použiť na spustenie konkrétnej funkcie, keď je stránka úplne zobrazená. Dá sa použiť aj na overenie typu a verzie prehliadača návštevníka. Môžeme skontrolovať, aké súbory cookie stránka používa pomocou načítať atribút.
V HTML sa atribút onload spustí pri načítaní objektu. Účelom tohto atribútu je spustiť skript pri načítaní súvisiaceho prvku.
V HTML je načítať Atribút sa všeobecne používa s na spustenie skriptu po úplnom načítaní obsahu (vrátane súborov CSS, obrázkov, skriptov atď.) webovej stránky. Nie je nutné ho používať len s tagom , keďže ho možno použiť s inými HTML prvkami.
Rozdiel medzi dokument.načítať a okno.načítať je: dokument.načítať spúšťa pred načítaním obrázkov a iného externého obsahu. Vystrelí sa pred okno.načítať . Kým okno.načítať spustí sa pri načítaní celej stránky vrátane súborov CSS, súborov skriptov, obrázkov atď.
java 8
Syntax
window.onload = fun()
Poďme pochopiť túto udalosť pomocou niekoľkých príkladov.
Príklad 1
V tomto príklade je prvok div s výškou 200px a šírkou 200px. Tu používame window.onload() zmeniť farbu pozadia, šírku a výšku div prvok po načítaní webovej stránky.
java string concat
Farba pozadia je nastavená na 'červená' a šírka a výška sú nastavené na 300 pixelov každý.
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> Vyskúšajte to Výkon
Po vykonaní kódu a načítaní stránky bude výstup -
Príklad2
V tomto príklade implementujeme jednoduchú animáciu pomocou vlastností objektu DOM a funkcií javascript . Používame Funkcia JavaScript getElementById() na získanie objektu DOM a potom priraďte tento objekt do globálnej premennej.
reťazec na 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> Vyskúšajte to Výkon
Po úspešnom vykonaní vyššie uvedeného kódu bude výstupom -
Teraz je tu príklad, v ktorom použijeme HTML načítať atribút a funkcie JavaScriptu.
burak ozcivit
Príklad 3
Je to jednoduchý príklad použitia HTML načítať atribút s funkciou definovanou v JavaScripte. V tomto príklade upozornenie() funkcia sa volá vždy, keď sa dokument obnoví.
function fun() { alert('Hello World!!, Welcome to the javaTpoint.com'); } <p> Try to refresh the document to see the effect. </p> Vyskúšajte to Výkon
Po vykonaní vyššie uvedeného kódu bude výstupom -
