Attribut de chargement HTML
Définition et utilisation
L'attribut onload se déclenche lorsqu'un objet a été chargé.
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 le 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 lorsque <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 des informations.
S'applique à
L'attribut onload fait partie des Event Attributes et peut être utilisé sur les éléments suivants :
| Éléments |
|---|
| <corps> |
| <iframe> |
| <image> |
| <entrée> |
| <lien> |
| <script> |
| <style> |
Exemples
Exemple de corps
Exécutez un JavaScript immédiatement après le chargement d'une page :
<body onload="myFunction()">
Exemple d'image
Utilisation de onload sur un élément <img>. 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("Image is loaded");
}
</script>
Exemple d'entrée
Utilisation de onload sur un élément <input type="image">. 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="Submit">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Prise en charge du navigateur
L' onloadattribut est compatible avec les navigateurs suivants pour chaque élément :
| 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 |