Le code Javascript peut être intégré au code HTML de différentes façons. On peut soit intégrer un fichier Javascript, soit implémenter le code dans l’en-tête du fichier HTML, soit le définir sur les balises HTML.
La méthode la plus propre est de créer un fichier Javascript (ou plusieurs). Cela permet d’avoir une réelle séparation des langages avec d’un côté le HTML pour le contenu et d’un autre côté le Javascript pour des interactions. De plus, avec cette méthode le navigateur mettra le fichier en cache et n’aura donc pas à recharger le code Javascript à chaque page ouverte. Pour cette méthode on intègre le fichier dans la section <head> du HTML.
<script src="fichier.js">
Définir le Javascript dans l’en-tête d’un fichier HTML peut s’appliquer dans des cas particuliers sur un fichier stand-alone par exemple, où la création d‘un fichier Javascript dédié n’est pas indispensable s’il n’y a que quelques lignes de code.
Javascript est un langage évènementiel. Cela signifie que le code s’exécute suite à une action. On peut donc définir le Javascript directement sur des balises HTML grâce aux attributs de type onclick, onchange, onmouseover, etc. C’est en revanche peu recommandé. On préfèrera en effet séparer les langages et détecter ces événement via des listeners (écouteurs) tous spécifiés dans un fichier Javascript à part.