BlueGEEK Journal

Accueil > Manip’s > HTML > Détourner le Chargement d’une Page

HTML/Javascript

Détourner le Chargement d’une Page

ONLOAD

dimanche 18 décembre 2005, par bluegyn_spip

onload

Comment lancer automatiquement une routine au chargement d’une page ?

Ouvrir le script HTML de votre page

PRINCIPE

-  Dans la Balise <BODY>
-  Intercepter l’évènemment "CHARGEMENT DE LA PAGE"
-  Et le rediriger vers une routine perso (exemple simplissime d’une boite d’alerte Hello World !)

EFFET

-  Dès que la page s’ouvre
-  Une boite de dialogue nous dit Bonjour !

MISE EN OEUVRE

-  Un squelette HTML se présente ainsi

<HTML>
<HEAD>
</HEAD>
<B O D Y>
</BODY>
</HTML>

-  L’instruction ONLOAD est appelée à chaque fois que la page est chargée
  • onload
    • Pour demander à Onload de faire quelque chose
      • on met le signe égal,
      • et l’instruction à exécuter entre guillemets
  • Ici onload ne fait rien
    • <BODY onload=" ">
  • Le code à placer "Dire Bonjour" est
    •  alert(’Bonjour’) ; (Attention aux simples Quottes)
  • Il suffit donc de la copier coller entre les 2 guillemets
    • <BODY onload="alert(’Bonjour’) ;">
  • On ne peut pas faire plus simple

ATTENTION AUX GUILLEMETS

- Le texte Bonjour est entre ’simples quotes’ (apostrophes)

- L’instruction alert() ; est complètement balisée par des "doubles quotes" (guillemets)

- Si une balise HTML peut s’écrire en MAJUSCULES (BODY)

- Une instruction javascript s’écrit de préférence en minuscules.

Messages

  • Bonjour, meerci pour ces conseils, peut-on mettre plusieurs entrées dans "onload", c’est à dire pour executer plusieurs actions ? Merci pour la réponse

    • Bien sur,

      Il y a 2 méthodes

      1. EN LIGNE


      - Il suffit de disposer les instructions les unes à la suite des autres et de les séparer par un point virgule

      2. FONCTION


      - Créer une fonction sur plusieurs lignes et appeler la fonction grâce à onLoad

    • Pardon,

      Il est toujours préférable d’indiquer au navigateur dans quel langage on va lui parler

      et


      En l’absence de précision, javascript est utilisé par défaut