HTML -onload gebeurteniskenmerk
Voorbeeld
Voer direct een JavaScript uit nadat een pagina is geladen:
<body onload="myFunction()">
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
Het attribuut onload wordt geactiveerd wanneer een object is geladen.
onload wordt meestal gebruikt binnen het <body>-element om een script uit te voeren zodra een webpagina alle inhoud volledig heeft geladen (inclusief afbeeldingen, scriptbestanden, CSS-bestanden, enz.). Het kan echter ook op andere elementen worden gebruikt (zie "Ondersteunde HTML-tags" hieronder).
Het onload-attribuut kan worden gebruikt om het browsertype en de browserversie van de bezoeker te controleren en de juiste versie van de webpagina te laden op basis van de informatie.
Het onload-kenmerk kan ook worden gebruikt om met cookies om te gaan (zie "Meer voorbeelden" hieronder).
Browserondersteuning
| Event Attribute | |||||
|---|---|---|---|---|---|
| onload | Yes | Yes | Yes | Yes | Yes |
Syntaxis
<element onload="script">
Attribuutwaarden
| Value | Description |
|---|---|
| script | The script to be run on onload |
Technische details
| Ondersteunde HTML-tags: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> en <style> |
|---|
Meer voorbeelden
Voorbeeld
Onload gebruiken op een <img> element. Waarschuw "Afbeelding is geladen" onmiddellijk nadat een afbeelding is geladen:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Voorbeeld
De onload-gebeurtenis gebruiken om met cookies om te gaan (met behulp van "geavanceerde" javascript):
<body onload="checkCookies()">
<p id="demo"></p>
<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>
Gerelateerde pagina's
HTML DOM-referentie: onload-gebeurtenis
❮ HTML-gebeurteniskenmerken