Définition et utilisation
Le onload attribut se déclenche quand un objet a été chargé.
onload est le plus souvent utilisé dans le <body> élément pour exécuter un script une fois par page Web a complètement chargé tout le contenu (y compris les images, les fichiers de script, les fichiers CSS, etc.). Cependant, il peut être utilisé sur d'autres éléments aussi bien (voir «balises HTML prises en charge» ci-dessous).
Pour les éléments d'entrée, l' onload attribut est pris en charge uniquement lorsque <input type="image">
Le onload attribut peut être utilisé pour vérifier le type de navigateur et la version navigateur du visiteur, et de charger la bonne version de la page Web sur la base des informations.
S'applique à
Le onload attribut fait partie des attributs de l' événement , et peut être utilisé sur les éléments suivants:
| Éléments |
|---|
| <body> |
| <iframe> |
| <img> |
| <input> |
| <link> |
| <script> |
| <style> |
Exemples
Body Exemple
Exécuter un script JavaScript immédiatement après une page a été chargée:
<body onload="myFunction()"> Essayez - le vous - même » Img Exemple
Utilisation de onload sur un <img> élément. Alert "Image est chargé" immédiatement après une image a été chargée:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is
loaded");
}
</script>
Essayez - le vous - même » support du navigateur
Le onload attribut a le support de navigateur suivant pour chaque élément:
| Élément | |||||
|---|---|---|---|---|---|
| body | Oui | Oui | Oui | Oui | Oui |
| iframe | Oui | Oui | Oui | Oui | Oui |
| img | Oui | Oui | Oui | Oui | Oui |
| link | Oui | Oui | Oui | Oui | Oui |
| script | Oui | Oui | Oui | Oui | Oui |
| style | Oui | Oui | Oui | Oui | Oui |