Définit la marge intérieure supérieure d'un élément
Définition et utilisation événement onload
LES BALISES HTML
L'attribut d’événement onload se déclenche lorsqu'un objet a été chargé.
L'attribut d’événement OnLoad est plus souvent utilisé dans l'élément <body> pour
exécuter un script une fois que tout le contenu d’une page web est complètement chargé (y
compris les images, les fichiers de script, les fichiers CSS, etc..).
Syntaxe
<input onload="script" />
Valeurs d'attribut :
Valeur |
Description |
|---|---|
|
script |
Le script à exécuter sur onload |
Exemple Exécuter un JavaScript immédiatement après qu'une page a été chargée :
Exemple : Copier le code
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html5 demo</title>
<script>
function load()
{
alert("La page est completement chargée");
}
</script>
</head>
<body onload="load()">
<h1>Document à charger</h1>
<p><b>Remarque:</b> L'attribut onload est pris en charge par tous
les principaux navigateurs.</p>
</body>
</html>
Appui de navigateur
L'attribut d'événement onload est pris en charge dans tous les principaux navigateurs.
Différences entre HTML 4.01 et HTML5
Aucune.
Exemple pratique Ouvrir et fermer automatiquement un PopUp avec événement onload
Ce script est trés demandé. Il permet d’ouvrir une fenêtre de type PopUp automatiquement
après un nombre de secondes prédéfini. En plus il offert la possibilité de fermer le PopUp
aussi automatiquement après un nombre de secondes prédéfini.
Vous pouvez configurer le code comme vous voulez : mettre votre url pour le popUp, définir
le temps … .
Voici le code du fichier « PopUp.html », copier coller et exécuter le.
Exemple : Copier le code
<!DOCTYPE html>
<html>
<head>
<title>Ouvrir un popUp</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="JavaScript">
// Fermer le PopUp après 10 millisecondes?
tempsFermeture = 10;
// Remplacer par 0 pour ne pas fermer le PopUp
function GenerePopUp(URL, WIDTH, HEIGHT) {
propFenetre = "left=50,top=50,width=" + WIDTH + ",height=" + HEIGHT;
pub = window.open(URL, "pub", propFenetre);
if (tempsFermeture) setTimeout("pub.close();", tempsFermeture*1000);
}
function PopUp() {
//url du popUP mettez votre url
url =http://www.Websyndic.com/?ref=849649 ";
// largeur du PopUp en pixels
width = 300;
// hauteur du PopUp en pixels
height = 150;
// temps en millisecondes avant l’ouverture du PopUp
delay = 2;
timer = setTimeout("GenerePopUp(url, width, height)", delay*1000);
}
</script>
</head>
<body onLoad="PopUp();">
<div>Contenue de la page courante</div>
</body>
</html>
Vous pouvez changer l’événement onload par l’événement onUnload pour ouvrir le popUp à la fermeture de la page.
Par carabde 10 mars 2014