oujood.com

  HTML attribut d’événement onload

L'attribut d’événement onload se déclenche lorsqu'un objet a été chargé. OnLoad est plus souvent utilisé dans l'élément <body> pour exécuter un script

chercher |

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

Internet Explorer FirefoxOpera Google ChromeSafari
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.

 Retour à la Liste attribut d'événement 

    
Accueil du site


Par carabde 10 mars 2014



Voir aussi nos tutoriel :

Manipulation de variables de chaines

Une variable de chaîne est employée pour stocker et manipuler du texte. Dans cet article de notre cours nous allons apprendre comment manipuler des variables contenant un texte

PHP gestion de fichiers

Manipulation de fichiers ouverture lectutre

la propriété border-bottom-left-radius

Définit la forme du coin bas  gauche de la frontière