Pour ajouter du code JavaScript dans une page HTML il faut utiliser la balise <script>. Voici un exemple de code qui peut être ajouté dans une page HTML :
<script type="text/javascript"> // ici j'insère mon code javascript </script>
On peut également vouloir, pour des questions d'organisation et de lisibilité, placer son code JavaScript dans un fichier à part. Les fichiers qui contiennent du code JavaScript doivent être créer avec l'extension .js (ex: monFichierJavascript.js). Dans ce cas, on utilise la syntaxe suivante pour charger le fichier .js dans sa page HTML :
<script type="text/javascript" src="monFichierJavascript.js"></script>
Si votre fichier .js ne se trouve pas dans le même répertoire que votre page HTML, mais dans un autre repertoire (par exemple monRepertoireJs) alors il sera nécessaire d'indiquer le chemin du fichier complet avec son répertoire.
<script type="text/javascript" src="/monRepertoireJs/monFichierJavascript.js"></script>
Le code JavaScript et les balises scripts qui vont avec doivent être ajoutés dans la balise <head> (c'est à dire l'entête) de la page HTML. C'est la manière propre d'insérer du JavaScript dans une page. Voici un exemple :
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr"> <head> <title>Petits rappels javascript | yoja-web.com <script type="text/javascript" src="monFichierJavascript.js"></script> </head> <body> .... le contenu de la page </body> </html>
Il peut cependant arriver dans certains cas que vous n'ayez pas accès directement à la zone head de votre page HTML (comme pour une boutique Zlio par exemple). Vous n'aurez alors pas d'autres choix que d'insérer le JavaScript dans le corps de votre page HTML.