Attribut d'événement onload HTML
Exemple
Exécutez un script JavaScript immédiatement après le chargement d'une page :
<body onload="myFunction()"> Vous trouverez ci-dessous d'autres exemples "Essayez-le vous-même".
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).
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.
L'attribut onload peut également être utilisé pour gérer les cookies (voir "Plus d'exemples" ci-dessous).
Support des navigateurs
| Attribut d'événement | |||||
|---|---|---|---|---|---|
| onload | Oui | Oui | Oui | Oui | Oui |
Syntaxe
< élément onload=" script "> Valeurs d'attribut
| Valeur | Description |
|---|---|
| script | Le script à exécuter lors du chargement |
Détails techniques
| Balises HTML prises en charge : | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> et <style> |
|---|
Plus d'exemples
Exemple
Utilisation de onload sur un élément <img>. Affiche 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
Utilisation de l'événement onload pour gérer les cookies (en utilisant JavaScript "avancé") :
<body onload="checkCookies()">
<p id="demo"></p>
<script>
function checkCookies() {
let text = "";
if (navigator.cookieEnabled == true) {
text = "Les cookies sont activés.";
} else {
text = "Les cookies ne sont pas activés.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
Pages connexes
Référence DOM HTML : événement onload