Bases de JavaScript

Insérer du code JavaScript dans une page Web

Il existe quatre façons d'insérer un script dans un document HTML.

1- Dans l'en-tête (section `head`) du document

Le code est généralement (mais non obligatoirement) placé à la fin de la section :

<head>

  <script type="text/javascript">
        ...
  </script>
</head>

2- Dans le corps (section `body`) du document

Ici on retrouve surtout le code placé au début ou à la fin de la section, mais parfois aussi ailleurs :

<body>
  ...

  // code placé à la fin de la section
  <script type="text/javascript">
    ...
  </script>
</body>

3- Dans le gestionnaire d'événement d'une balise

Dans l'exemple suivant, on suppose que le code de la fonction est défini dans une autre partie du document ou dans un fichier externe (voir plus loin).

Cette façon, même si elle est répandue, n'est pas recommandée puisqu'elle mêle code JavaScript et code HTML.

<body>
  ...
  <button onclick="maFonction()">Cliquez-moi!</button>
  ...
</body>

4- Par référence à un fichier externe

Dans la section head> du document. On peut faire référence à plusieurs fichiers, locaux ou distants.

<head>
  ...
  <script src="http://labinfo.clg.qc.ca/js/fonctions.js"></script>
  <script src="mes_fonctions.js"></script>
</head>