Attribut onload HTML
Définition et Utilisation
L'attribut onload se déclenche lorsqu'un objet a été chargé.
L'attribut onload est le plus souvent utilisé dans l'élément <body> pour exécuter un script une fois qu'une page web a complètement chargé tout son contenu (y compris les images, les fichiers de script, les fichiers CSS, etc.). Cependant, il peut également être utilisé sur d'autres éléments (voir "Balises HTML prises en charge" ci-dessous).
Pour les éléments d'entrée, l'attribut onload n'est pris en charge que pour <input type="image">
L'attribut onload peut être utilisé pour vérifier le type et la version du navigateur du visiteur, et charger la version appropriée de la page web en fonction de ces informations.
S'applique à
L'attribut onload fait partie des Attributs d'Événement et peut être utilisé sur les éléments suivants :
| Éléments |
|---|
| <body> |
| <iframe> |
| <img> |
| <input> |
| <link> |
| <script> |
| <style> |
Exemples
Exemple de Body
Exécutez un JavaScript immédiatement après le chargement d'une page :
<body onload="myFunction()"> Exemple d'Img
Utilisation de onload sur un élément <img>. Affichez une alerte "L'image est chargée" immédiatement après le chargement d'une image :
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("L'image est chargée");
}
</script>
Exemple d'Input
Utilisation de onload sur un élément <input type="image">. Affichez une alerte "L'image est chargée" immédiatement après le chargement d'une image :
<input type="image" onload="loadImage()" src="img_submit.gif" alt="Soumettre">
<script>
function loadImage() {
alert("L'image est chargée");
}
</script>
Support des Navigateurs
L'attribut onload est pris en charge par les navigateurs suivants pour chaque élément :
| Élément | |||||
|---|---|---|---|---|---|
| body | Oui | Oui | Oui | Oui | Oui |
| iframe | Oui | Oui | Oui | Oui | Oui |
| img | Oui | Oui | Oui | Oui | Oui |
| input type="image" | Oui | Oui | Oui | Oui | Oui |
| link | Oui | Oui | Oui | Oui | Oui |
| script | Oui | Oui | Oui | Oui | Oui |
| style | Oui | Oui | Oui | Oui | Oui |