Le tag <script> est utilisé pour décrire le code JavaScript dans un document HTML. Le tag <script> peut inclure du code JavaScript lui-même et un lien vers un fichier JavaScript externe. Le chemin du fichier externe est spécifié à l'aide de l'attribut src. Si le tag contient un lien vers un fichier externe, le tag <script> doit être vide.

Si vous activez un fichier externe avec les codes de JavaScript, n’incluez pas <script> incorporé dans le code JavaScript dans le même tag.

Le tag <script> peut être placé dans l’élément <head>, bien que dans l’élément <body>. Le fonctionnement des scripts ne dépend pas de leur emplacement dans le document HTML, mais les scripts qui doivent être exécutés en premier doivent être situés dans l’en-tête du document.

Le tag <script> peut être utilisée dans un document HTML un nombre illimité de fois.

Syntaxe

Le tag <script> est apparié; le tag fermant (</script>) est requis.

Il existe plusieurs manières d'exécuter des scripts externes:

  • L’attribut async="async" indique que le script sera exécuté de manière asynchrone, simultanément auchargement de la page.
  • Si l’attribut async n’est pas défini, et l’attribut defer="defer", le script sera exécuté après le chargement de la page.
  • Si les attributs async et defer ne sont pas définis, le script sera exécuté avant le chargement de la page.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <p id="example"></p>
    <script>
      document.getElementById("example").innerHTML = "Mon premier code JavaScript";
    </script>
  </body>
</html>

Résultat

Premier code

Attributs

Attribut Valeur Description
async async Indique que le script sera exécuté de manière asynchrone. (Uniquement pour les scripts externes).
Non pris en charge dans IE9 et les versions antérieures.
charset charset Spécifie le codage des caractères utilisés dans un fichier externe avec du code JavaScript.
defer defer Indique que le script doit être exécuté après le chargement de la page. (Uniquement pour les scripts externes).
src URL Spécifie le chemin d'accès d'un fichier externe avec du code JavaScript. (Les URL relatives et absolues peuvent être spécifiées).
type media_type Définit un script de Type MIME.

Le tag <script> supporte également les Attributs globaux et les Attributs d'événements.

Support de Navigateurs

chrome edge firefox safari opera

Pratiquez vos connaissances

Que fait la balise <script> en HTML?
Trouvez-vous cela utile?