HTML <script> Tag
Exemple
Écrivez "Hello JavaScript!" avec JavaScript :
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script> Définition et Utilisation
La balise <script> est utilisée pour intégrer un script côté client (JavaScript).
L'élément <script> contient soit des instructions de script, soit il pointe vers un fichier de script externe via l'attribut src.
Les utilisations courantes de JavaScript incluent la manipulation d'images, la validation de formulaires et les modifications dynamiques de contenu.
Conseils et Remarques
Conseil : Consultez également l'élément <noscript> pour les utilisateurs qui ont désactivé les scripts dans leur navigateur ou qui utilisent un navigateur ne prenant pas en charge le scripting côté client.
Conseil : Si vous souhaitez en savoir plus sur JavaScript, visitez notre Tutoriel JavaScript .
Support des Navigateurs
| Élément | |||||
|---|---|---|---|---|---|
| <script> | Oui | Oui | Oui | Oui | Oui |
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| async | async | Spécifie que le script est téléchargé en parallèle à l'analyse de la page et exécuté dès qu'il est disponible (avant la fin de l'analyse) (uniquement pour les scripts externes) |
| crossorigin | anonyme use-credentials | Définit le mode de la requête en tant que requête HTTP CORS |
| defer | defer | Spécifie que le script est téléchargé en parallèle à l'analyse de la page et exécuté après que la page a terminé son analyse (uniquement pour les scripts externes) |
| integrity | filehash | Permet à un navigateur de vérifier le script récupéré pour s'assurer que le code n'est jamais chargé si la source a été manipulée |
| nomodule | Vrai Faux | Spécifie 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 | Spécifie quelles informations de référence envoyer lors de la récupération d'un script |
| src | URL | Spécifie l'URL d'un fichier de script externe |
| type | scripttype | Spécifie le type de média du script |
Différences entre HTML et XHTML
Dans XHTML, le contenu à l'intérieur des scripts est déclaré comme #PCDATA (au lieu de CDATA), ce qui signifie que les entités seront analysées.
Cela signifie que dans XHTML, tous les caractères spéciaux doivent être encodés ou tout le contenu doit être enveloppé dans une section CDATA :
<script type="text/javascript">
//<![CDATA[
let i = 10;
if (i < 5) {
// some code
}
//]]>
</script> Attributs Globaux
La balise <script> prend également en charge les Attributs Globaux en HTML .
Pages Associées
Tutoriel HTML : Scripts HTML
Référence DOM HTML : Objet Script
Tutoriel JavaScript : Apprendre JavaScript
Paramètres CSS par Défaut
La plupart des navigateurs afficheront l'élément <script> avec les valeurs par défaut suivantes :
script {
display: none;
}