<HTML Attributs de l' événement
Exemple
Exécuter un script JavaScript immédiatement après une page a été chargée:
<body onload="myFunction()"> Essayez - le vous - même » Plus "Try it yourself" exemples ci-dessous.
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).
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.
Le onload attribut peut également être utilisé pour traiter les cookies (voir "Autres exemples" ci - dessous).
support du navigateur
| Attribut de l'événement | |||||
|---|---|---|---|---|---|
| onload | Oui | Oui | Oui | Oui | Oui |
Différences entre HTML 4.01 et HTML5
Aucun.
Syntaxe
<elementonload=" script ">
Attribut valeurs
| Valeur | La description |
|---|---|
| script | Le script à exécuter sur onload |
Détails techniques
| balises HTML prises en charge: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> et <style> |
|---|
Autres exemples
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 » Exemple
Utilisation de l'événement onload pour traiter les cookies ( en utilisant "advanced" javascript):
<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>
Essayez - le vous - même » Pages associées
Référence HTML DOM: événement onload