Comment intégrer du code JavaScript dans une page de manière valide ?

Astuce par Thomas D. (Développeur web, Verviers (Belgique))
Mis à jour le 16 Janvier 2010. 8365 lectures.
Tags : javascript, validateur, valisation

Il y a deux manières d'intégrer du code JavaScript dans une page :

  1. en liant un fichier externe : 
    <script type="text/javascript" src="monScript.js"></script>
  2. en ajoutant le code JavaScript à l'intérieur de l'élément <script> : 
    <script type="text/javascript">
<![CDATA[
   // Mon code Javascript
   ...
]]>
</script>

Traditionnellement il était d'usage de placer la balise <script> entre les tags <head> et </head>, cependant il est actuellement recommandé de la placer juste avant </body> pour ne pas bloquer le chargement de la page, et exécuter les scripts uniquement lorsque le DOM est prêt.

Attention, la balise "script" n'est pas auto-fermante, on ne peut pas écrire <script type="text/javascript" ... />

Remarquez que c'est bien l'attribut "type" qui doit être renseigné et non "language", qui est déconseillé par la spécification HTML 4.01.

Ressources