Get to know MDN better
Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
* Certaines parties de cette fonctionnalité peuvent bénéficier de prise en charge variables.
Les éléments HTML <script> exposent l'interface HTMLScriptElement. Cette interface fournit des propriétés et des méthodes pour définir le comportement et l'exécution des éléments <script> (en plus de celles héritées de HTMLElement).
Les fichiers JavaScript doivent être servis avec le type MIME text/javascript. Les navigateurs acceptent ce type et bloquent le script uniquement s'il est servi avec un type image (image/*), vidéo (video/*), audio (audio/*) ou text/csv. Si le script est bloqué, l'élément reçoit l'évènement error ; sinon, il reçoit l'évènement load.
Note : Lorsqu'ils sont insérés à l'aide de la méthode Document.write(), les éléments HTML <script> s'exécutent (généralement de manière synchrone), mais lorsqu'ils sont insérés à l'aide de Element.innerHTML ou Element.outerHTML, ils ne s'exécutent pas du tout.
Hérite des propriétés de son parent, HTMLElement.
HTMLScriptElement.attributionSrc Contexte sécuriséObtient et définit l'attribut attributionsrc sur un élément <script> par programmation, reflétant la valeur de cet attribut. attributionsrc indique que vous souhaitez que le navigateur envoie un en-tête Attribution-Reporting-Eligible avec la requête de ressource du script. Côté serveur, cela sert à déclencher l'envoi d'un en-tête Attribution-Reporting-Register-Source ou Attribution-Reporting-Register-Trigger dans la réponse, afin d'enregistrer respectivement une source d'attribution ou un déclencheur d'attribution basé sur JavaScript.
HTMLScriptElement.asyncUn booléen qui définit la façon dont le script doit être exécuté. Pour les scripts classiques, si la propriété async est à true, le script externe est récupéré en parallèle de l'analyse et évalué dès qu'il est disponible. Pour les modules, si la propriété async est à true, le script et toutes ses dépendances sont récupérés en parallèle de l'analyse et évalués dès qu'ils sont disponibles.
HTMLScriptElement.blockingUne chaîne de caractères indiquant que certaines opérations doivent être bloquées lors de la récupération du script. Elle reflète l'attribut blocking de l'élément <script>.
HTMLScriptElement.charsetUne chaîne de caractères représentant l'encodage du script externe. Elle reflète l'attribut charset.
HTMLScriptElement.crossOriginUne chaîne de caractères reflétant le paramètre CORS pour l'élément script. Pour les scripts classiques provenant d'autres origines, cela définit si les informations d'erreur sont exposées.
HTMLScriptElement.deferUn booléen qui définit la façon dont le script doit être exécuté. Pour les scripts classiques, si la propriété defer est à true, le script externe est exécuté après l'analyse du document, mais avant le déclenchement de l'évènement DOMContentLoaded. Pour les modules, la propriété defer n'a aucun effet.
HTMLScriptElement.eventUne chaîne de caractères ; méthode obsolète pour enregistrer des gestionnaires d'évènements sur les éléments d'un document HTML.
HTMLScriptElement.fetchPriorityUne chaîne de caractères optionnelle représentant une indication donnée au navigateur sur la priorité de récupération d'un script externe par rapport aux autres scripts externes. Si cette valeur est fournie, elle doit être l'une des valeurs autorisées : high pour une priorité élevée, low pour une priorité faible, ou auto pour indiquer aucune préférence (valeur par défaut). Elle reflète l'attribut fetchpriority de l'élément <script>.
HTMLScriptElement.innerTextUne propriété qui représente le contenu texte en ligne de l'élément HTML <script> comme s'il était du texte rendu. La propriété accepte soit un objet TrustedScript soit une chaîne de caractères.
HTMLScriptElement.integrityUne chaîne de caractères contenant des métadonnées intégrées que le navigateur peut utiliser pour vérifier qu'une ressource récupérée n'a pas été modifiée de façon inattendue. Elle reflète l'attribut integrity de l'élément <script>.
HTMLScriptElement.noModuleUn booléen qui, si elle est vraie, empêche l'exécution du script dans les navigateurs qui prennent en charge les modules ES — utilisé pour exécuter des scripts de secours dans les anciens navigateurs qui ne prennent pas en charge les modules JavaScript.
HTMLScriptElement.referrerPolicyUne chaîne de caractères reflétant l'attribut HTML referrerPolicy qui définit le référent à utiliser lors de la récupération du script et des requêtes effectuées par ce script.
HTMLScriptElement.srcUn objet TrustedScriptURL ou une chaîne de caractères représentant l'URL d'un script externe ; cela peut être utilisé comme alternative à l'intégration directe d'un script dans un document. Elle reflète l'attribut src de l'élément <script>.
HTMLScriptElement.textUne propriété qui représente le contenu texte en ligne de l'élément HTML <script>. La propriété accepte soit un objet TrustedScript soit une chaîne de caractères. Elle se comporte de la même manière que la propriété textContent.
HTMLScriptElement.textContentUne propriété qui représente le contenu texte en ligne de l'élément HTML <script>. La propriété est redéfinie depuis l'objet Node pour prendre en charge TrustedScript comme valeur d'entrée. Sur cet élément, elle se comporte exactement comme la propriété text.
HTMLScriptElement.typeUne chaîne de caractères représentant le type du script. Elle reflète l'attribut type de l'élément <script>.
Retourne true si le navigateur prend en charge les scripts du type défini, et false sinon. Cette méthode fournit un moyen simple et unifié de détecter les fonctionnalités liées aux scripts.
Aucune méthode spécifique ; hérite des méthodes de son parent, HTMLElement.
Aucun évènement spécifique ; hérite des évènements de son parent, HTMLElement.
Créons une fonction qui importe de nouveaux scripts dans un document en créant un nœud <script> juste avant le <script> qui héberge le code suivant (avec document.currentScript). Ces scripts sont exécutés de façon asynchrone. Pour plus de détails, voir les propriétés defer et async.
La fonction suivante, au lieu d'insérer les nouveaux scripts juste avant l'élément document.currentScript, les ajoute comme enfants de la balise <head>.
Exemple d'utilisation :
HTMLScriptElement.supports() fournit un mécanisme unifié pour vérifier si un navigateur prend en charge des types de scripts particuliers.
L'exemple ci-dessous montre comment vérifier la prise en charge des modules, en utilisant l'existence de l'attribut noModule comme solution de repli.
On suppose que les scripts classiques sont pris en charge par tous les navigateurs.
| HTML # htmlscriptelement |
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
Cette page a été modifiée le 13 mai 2026 par les contributeur·ice·s du MDN.
Votre modèle pour un internet meilleur.
Visitez la société mère à but non lucratif de Mozilla Corporation, la Fondation Mozilla.
Certaines parties de ce contenu sont protégées par le droit d'auteur ©1998—2026 des contributeurs individuels de mozilla.org. Contenu disponible sous une licence Creative Commons.