Balise HTML <script>

Définition et utilisation

<script> Balise utilisée pour intégrer des scripts clients.

<script> L'élément contient soit des instructions de script, soit via Attribut src Pointeur vers un fichier de script externe.

Le type de script le plus couramment utilisé est JavaScript, bien que les navigateurs supportent également d'autres langages de script.

Les utilisations courantes de JavaScript sont le traitement des images, la validation des formulaires et les modifications dynamiques du contenu.

Remarque :Le type d'élément script dépend de son utilisation. Les éléments script situés dans l'élément head appartiennent aux éléments de métadonnées, situés dans d'autres éléments (comme body ou sectionLes éléments de phrase appartiennent à l'élément.

Veuillez également consulter :

Tutoriel HTML :Script HTML

Manuel de référence HTML DOM :Objet Script

Tutoriel JavaScript :Apprendre JavaScript

Exemple

Exemple 1 : Définir un script intégré au document

Écrire "Hello JavaScript!" en utilisant JavaScript :

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Essayez-le vous-même

Exemple 2 : Charger une bibliothèque de script externe

<script src="simple.js"></script>

Essayez-le vous-même

Avis et commentaires

Avis :Pour les navigateurs désactivant les scripts ou ne prenant pas en charge les scripts, veuillez également consulter Élément <noscript>.

Avis :Si vous souhaitez en apprendre davantage sur JavaScript, veuillez visiter notre Tutoriel JavaScript.

Attribut

Attribut Valeur Description
async async Définir que le script doit être téléchargé en parallèle pendant l'analyse de la page et exécuté dès qu'il est disponible (avant la fin de l'analyse) (seulement pour les scripts externes).
crossorigin
  • anonymous
  • use-credentials
 Définir le mode de la requête HTTP CORS.
defer defer Définir que le script doit être téléchargé en parallèle pendant l'analyse de la page et exécuté après la fin de l'analyse de la page (seulement pour les scripts externes).
integrity filehash Permettre au navigateur de vérifier le script obtenu pour s'assurer que le code ne sera jamais chargé si le code source est modifié.
nomodule
  • True
  • False
 Définir que le script ne doit pas être exécuté dans les navigateurs prenant en charge les modules ES2015.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Définir quels informations de référent doivent être envoyées lors de l'obtention du script.
src URL Définir l'URL du fichier de script externe.
type Type de script Définir le type de média du script.

Les différences entre HTML et XHTML

Dans XHTML, le contenu des scripts est déclaré comme #PCDATA (au lieu de CDATA), ce qui signifie que les entités seront interprétées.

Cela signifie que dans XHTML, tous les caractères spéciaux doivent être codés, ou tout le contenu doit être enveloppé dans une section CDATA :

<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
  // some code
}
//]]>
</script>

Attributs globaux

<script> Les balises supportent également Attributs globaux dans HTML.

Réglages CSS par défaut

La plupart des navigateurs affichent les valeurs par défaut suivantes : <script> Élément :

script {
  display: none;
}

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support