Comment trouver l'élément de script qui a chargé le script actuel ?

Comment référencer la balise de script qui a chargé le script actuel

Problème

Comment obtenir l'élément de script qui a chargé le script en cours d'exécution ? Ceci est nécessaire pour charger dynamiquement des scripts dans le DOM sans avoir besoin d'accéder à la balise HEAD.

Réponse

1. Utilisation de document.currentScript :

Cette méthode renvoie le <script> élément dont le code est en cours d'exécution.

var me = document.currentScript;

2. Sélection du script par ID :

Ajoutez un attribut id au script.

<script>

Obtenez l'élément avec document.getElementById().

var me = document.getElementById('myScript');

3. Sélection du script par attribut de données :

Ajoutez un attribut data-* au script.

<script data-name="myScript"></script>

Obtenez l'élément avec document.querySelector().

var me = document.querySelector('script[data-name="myScript"]');

4. Sélection du script par source :

<script src="//example.com/embed.js"></script>

Dans embed.js :

var me = document.querySelector('script[src="//example.com/embed.js"]');

5. Parcourir tous les scripts :

var me = null;
var scripts = document.getElementsByTagName("script");
for (var i = 0; i < scripts.length; ++i) {
  if (isMe(scripts[i])) {
    me = scripts[i];
  }
}

function isMe(scriptElem) {
  return scriptElem.getAttribute('src') === "//example.com/embed.js";
}

6. Obtenir le dernier script exécuté :

var scripts = document.getElementsByTagName('script');
var me = scripts[scripts.length - 1];

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!