oplaai gebeurtenis
Voorbeeld
Voer 'n JavaScript uit onmiddellik nadat 'n bladsy gelaai is:
<body onload="myFunction()">
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die aanlaai-gebeurtenis vind plaas wanneer 'n voorwerp gelaai is.
onload word meestal binne die <body>-element gebruik om 'n skrif uit te voer sodra 'n webblad alle inhoud volledig gelaai het (insluitend beelde, scriptlêers, CSS-lêers, ens.).
Die aanlaai-gebeurtenis kan gebruik word om die besoeker se blaaiertipe en blaaierweergawe na te gaan, en die korrekte weergawe van die webblad op grond van die inligting te laai.
Die aanlaai-geleentheid kan ook gebruik word om koekies te hanteer (sien "Meer voorbeelde" hieronder).
Blaaierondersteuning
| Event | |||||
|---|---|---|---|---|---|
| onload | Yes | Yes | Yes | Yes | Yes |
Sintaksis
In HTML:
<element onload="myScript">
In JavaScript:
object.onload = function(){myScript};
In JavaScript, gebruik die addEventListener() metode:
object.addEventListener("load", myScript);
Let wel: Die addEventListener() metode word nie in Internet Explorer 8 en vroeër weergawes ondersteun nie.
Tegniese besonderhede
| borrels: | Geen |
|---|---|
| Kanselleerbaar: | Geen |
| Soort gebeurtenis: | UiEvent as gegenereer vanaf 'n gebruikerskoppelvlak, Event anders. |
| Ondersteunde HTML-etikette: | <body>, <frame>, <iframe>, <img>, <input type="image">, <skakel>, <script>, <style> |
| DOM weergawe: | Vlak 2-geleenthede |
Meer voorbeelde
Voorbeeld
Gebruik onload op 'n <img>-element. Waarsku "Beeld is gelaai" onmiddellik nadat 'n prent gelaai is:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Voorbeeld
Gebruik die aanlaai-geleentheid om koekies te hanteer:
<body onload="checkCookies()">
<script>
function checkCookies() {
var text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies are enabled.";
} else {
text = "Cookies are not enabled.";
}
document.getElementById("demo").innerHTML = text;
}
</script>