COURS JavaScript


Accueil : Insertion du code JavaScript dans la page HTML.

Insertion du code JavaScript dans la page HTML

Le code JavaScript s'insère le plus souvent dans la page HTML elle même. C'est la méthode la plus simple et la plus fréquemment utilisée par les développeurs de sites Internet.
Maintenant, quasiment tous les navigateurs modernes savent interpréter le code JavaScript. Encore faut-il indiquer au navigateur quel code il va trouver dans la page HTML.
Si bien que, quel que soit le mode d'insertion utilisé, la page HTML devra TOUJOURS contenir les deux balises spécifiques et indispensables :

<script language="JavaScript">
............
............
............
</script>

Soit entre les Tags <head> et </head> ou entre les Tags <body> et </body> selon le mode choisi.
Ce sont ces balises qui indiquent au navigateur la nature du code non-HTML qu'il devra interpréter. Les oublier rendrait le code non interprétable par le navigateur.

Il existe trois manières d'insérer du code JavaScript dans une page HTML :

  1. Insertion pour exécution directe
  2. Insertion pour exécution différée
  3. Insertion à l'intérieur d'une balise HTML
On peut utiliser l'une ou l'autre de ces trois manières d'insérer du code JavaScript dans une page HTML, ou bien les trois en même temps dans la même page. Tout dépend de ce que l'on veut faire faire au code JavaScript.



Exécution directe.

On l'appelle exécution directe, car le code s'exécute automatiquement lors du chargement de la page HTML dans le navigateur.
Le code JavaScript est placé dans le corps même de la page HTML, entre les balises <body> .......... et ......... </body>
Dans ce cas, le code s'exécutera automatiquement lors du chargement de la page HTML dans le navigateur du client, avant même que le contenu de la page HTML ne s'affiche à l'écran.
Le squelette de la page HTML est alors :

<html>

<head>
<title> .......... </title>
</head>
<body>

<script language="JavaScript">
place du code JavaScript
</script>

</body>
</html>

Cliquer ici pour voir un exemple



Exécution différée.

On l'appelle à exécution différée, car le code est d'abord lu par le navigateur, stocké en mémoire, pour ne s'exécuter que sur demande expresse.
Le code JavaScript est placé dans le corps même de la page HTML, entre les balises <head> .......... et ......... </head>
Dans ce cas, le code s'exécutera seulement lors d'un événement généré par intervention de l'utilisateur. Il faut bien sûr écrire le code correspondant à cet événement dans le corps du document HTML.
Le squelette de la page HTML est alors :

<html>

<head>
<title> .......... </title>

<script language="JavaScript">
place du code JavaScript
</script>

</head>

<body>
place du code événement
</body>
</html>

Cliquer ici pour voir un exemple



Insertion de code JavaScript à l'intérieur d'une balise HTML

Certaines balises HTML acceptent de réagir à des événements. Soit provoqués par l'intervention de l'utilisateur, soit provoqués par une action du navigateur lui même, comme le chargement de la page HTML (événement onLoad) ou la fermeture de la page HTML en cours (événement onUnload).
Dans ce cas, le code JavaScript peut être aussi inséré directement au niveau de la balise en question.

Le squelette de la page HTML est alors :

<html>

<head>
<title> .......... </title>

<script language="JavaScript">
(cet emplacement peut être vide, le code est dans la balise. Mais il est indispensable, car il indique au navigateur qu'il va devoir interpréter du code JavaScript.)
</script>

</head>

<body>

<balise html événement=javascript:place du code événement

</body>

</html>
 

Cliquer ici pour voir un exemple



Ce cours est enseigné par Philippe Médan 
dans le cadre de la formation des professionnels de l'INTERNET.
au CREFAC , 14 rue Scandicci, 93000 Pantin. Tél. : 01 48 46 51 99
au GITA-GRETA , Lycée Technologique Diderot 61, rue David D'Angers 75019 Paris Tél. : 01 40 40 36 27
au CESI à l'Ecole des ingénieurs, 116 Av Aristide Briand, BP 57, 92224 Bagneux CEDEX Tél. : 01 45 36 70 00
au CFA-AFIA Centre de Formation par l'Apprentissage spécialisé en Informatique DUT Licence MIAGE,
PUIO - Bâtiment 640 - Plateau du Moulon - 91405 Orsay Tél. : 01 69 15 35 19.

© Philippe Médan 1999-2007. Tous droits de reproduction réservés pour tous pays.