Attribut d'événement HTML onload
Exemple
Exécutez un JavaScript immédiatement après le chargement d'une page :
<body onload="myFunction()">
Plus d'exemples "Essayez-le vous-même" ci-dessous.
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).
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.
L'attribut onload peut également être utilisé pour gérer les cookies (voir "Plus d'exemples" ci-dessous).
Prise en charge du navigateur
| Event Attribute | |||||
|---|---|---|---|---|---|
| onload | Yes | Yes | Yes | Yes | Yes |
Syntaxe
<element onload="script">
Valeurs d'attribut
| Value | Description |
|---|---|
| script | The script to be run on onload |
Détails techniques
| Balises HTML compatibles : | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> et <style> |
|---|
Plus d'exemples
Exemple
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
Utiliser l'événement onload pour gérer les cookies (en utilisant le javascript "avancé") :
<body onload="checkCookies()">
<p id="demo"></p>
<script>
function checkCookies() {
var text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies are enabled.";
} else {
text = "Cookies are not enabled.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
Pages connexes
Référence HTML DOM : événement onload
❮ Attributs d'événement HTML