Le code JavaScript s'insere le plus souvent dans la page HTML elle meme. C'est la methode la plus simple et la plus frequemment utilisee par les developpeurs de sites Internet.
Maintenant, quasiment tous les navigateurs modernes savent interpreter 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 utilise, la page HTML devra TOUJOURS contenir les deux balises specifiques 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 interpreter. Les oublier rendrait le code non interpretable par le navigateur.
Il existe trois manieres d'inserer du code JavaScript dans une page HTML :
* Insertion pour execution directe
* Insertion pour execution differee
* Insertion à l'interieur d'une balise HTML
On peut utiliser l'une ou l'autre de ces trois manieres d'inserer du code JavaScript dans une page HTML, ou bien les trois en meme temps dans la meme page. Tout depend de ce que l'on veut faire faire au code JavaScript.
Execution directe :
On l'appelle execution directe, car le code s'execute automatiquement lors du chargement de la page HTML dans le navigateur.
Le code JavaScript est place dans le corps meme de la page HTML, entre les balises <body> .......... et ......... </body>
Dans ce cas, le code s'executera automatiquement lors du chargement de la page HTML dans le navigateur du client, avant meme que le contenu de la page HTML ne s'affiche a l'ecran.
Le squelette de la page HTML est alors :
<html>
<head>
<title> --------- </title>
</head>
<body>
<script language="JavaScript">
-----
-----
</script>
</body>
</html>
Execution differee:
On l'appelle a execution differee, car le code est d'abord lu par le navigateur, stocke en memoire, pour ne s'executer que sur demande expresse.
Le code JavaScript est place dans le corps meme de la page HTML, entre les balises <head> .......... et ......... </head>
Dans ce cas, le code s'executera seulement lors d'un evenement genere par intervention de l'utilisateur. Il faut bien sur ecrire le code correspondant à cet evenement 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 evenement
</body>
</html>
Insertion de code JavaScript à l'intérieur d'une balise HTML
Certaines balises HTML acceptent de reagir a des evenements. Soit provoques par l'intervention de l'utilisateur, soit provoques par une action du navigateur lui meme, comme le chargement de la page HTML (evenement onLoad) ou la fermeture de la page HTML en cours (evenement onUnload).
Dans ce cas, le code JavaScript peut etre aussi insere 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 etre vide, le code est dans la balise. Mais il est indispensable, car il indique au navigateur qu'il va devoir interpreter du code JavaScript.)
</script>
</head>
<body>
<balise html evenement=javascript:place du code evenement
</body>
</html>