Comment intégrer du code JavaScript dans une page ?

Astuce par (Développeur web, Verviers (Belgique))
Créé le , mis à jour le (148036 lectures)
Tags : javascript, validateur, valisation

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

  1. en liant depuis la page HTML un fichier externe, dans lequel sont placées les instructions JavaScript :
    <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">
      // Mon code Javascript
      ...
    </script>
    

En ce qui concerne la deuxième possibilité, vous pouvez également lire « Comment gérer les caractères spéciaux dans les éléments script et style ? »

Traditionnellement il était d'usage de placer la balise <script> entre les tags <head> et </head>, cependant il est actuellement recommandé de la placer en fin de document 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, c'est-à-dire que l'on ne peut pas écrire <script type="text/javascript" ... />

L'attribut type doit être renseigné avec la syntaxe XHTML, mais il peut être omis en HTML5.