JavaScript dans le code HTML

Les balises

Comme tous les scripts, le java script s'inscrit entre des balises dédiées, en l'occurrence selon la syntaxe suivante:

<script language="JavaScript">
<!-- pour les navigateurs qui ne reconnaitraient pas ces scripts
	... 
	...
	...
//--> 
</script>

Plus simplement, et lorsque l'on ne soucie pas de la compatibilité du browser (cela devrait être testé une fois pour toute lors de l'entrée sur le site), les balises <script> et </script> suffisent.

Où placer le code ?

Il faut noter que ce code peut être placé au choix dans le corps (balise <body>) ou ailleurs (avant le <body> par exemple)

Il peut être intéréssant de placer du code avant le <body> pour précharger des images ou initialiser des fonctions.

Par contre, le code situé dans le <body> permet de placer des événements sur des objets HTML et, d'autre part, d'insérer dynamiquement du code HTML lors du chargement de la page à l'aide de:

document.write(ligne de code HTML)

ou

document.writeln(ligne de code HTML)

Utiliser un fichier séparé

Par ailleurs, il est possible de charger du code java script à partir d'un fichier à l'extension .JS ce qui permet de se constituer une librairie de fonctions que se partagent plusieurs pages HTML. Du même coup, cela accélère les traitements en réduisant les allers-retours au serveur, compte-tenu du fait que lesdites librairies iront alors se loger dans le cache.

Le chargement du code s'effectue selon la syntaxe:

<script src="nom du fichier.JS"></script>

retour