HTML onload- kenmerk
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).
Voor invoerelementen wordt het onload-kenmerk alleen ondersteund als <input type="image">
Het onload-kenmerk 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.
Geldt voor
Het attribuut onload maakt deel uit van de Event Attributes en kan op de volgende elementen worden gebruikt:
| elementen |
|---|
| <lichaam> |
| <iframe> |
| <img> |
| <invoer> |
| <link> |
| <script> |
| <stijl> |
Voorbeelden
Lichaamsvoorbeeld
Voer direct een JavaScript uit nadat een pagina is geladen:
<body onload="myFunction()">
Img 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>
Invoervoorbeeld
Onload gebruiken op een <input type="image"> element. Waarschuw "Afbeelding is geladen" onmiddellijk nadat een afbeelding is geladen:
<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Browserondersteuning
Het onloadattribuut heeft de volgende browserondersteuning voor elk element:
| Element | |||||
|---|---|---|---|---|---|
| body | Yes | Yes | Yes | Yes | Yes |
| iframe | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input type="image" | Yes | Yes | Yes | Yes | Yes |
| link | Yes | Yes | Yes | Yes | Yes |
| script | Yes | Yes | Yes | Yes | Yes |
| style | Yes | Yes | Yes | Yes | Yes |