Comment puis-je référencer la balise de script du code JavaScript en cours d'exécution ?

Référencement de la balise de script pour le script en cours d'exécution

Dans les situations où vous devez charger des scripts de manière dynamique dans un script existant, référencer la balise de script qui a chargé le script actuel devient nécessaire. Cela vous permet d'ajouter de nouvelles balises de script dans le DOM après celui-ci.

Approches

1. L'utilisation de document.currentScript

document.currentScript renvoie l'élément de script en cours de traitement. C'est une méthode fiable et simple. Cependant, il n'est pas pris en charge dans les anciens navigateurs et ne fonctionne pas avec les modules.

2. Sélection du script par ID

L'ajout d'un attribut ID au script vous permet de le sélectionner par ID à l'aide de document.getElementById(). Cette méthode est également fiable, mais nécessite de modifier la balise script.

3. Sélection du script par attribut data-*

Fournir au script un attribut data-* vous permet de le sélectionner en utilisant la valeur de l'attribut. Ceci est similaire à l'utilisation d'un identifiant, mais cela ne souffre pas des mêmes cas extrêmes potentiels.

4. Sélection du script par source

À l'aide de l'attribut src, vous pouvez sélectionner le script par sa source à l'aide d'un sélecteur. Cette méthode fonctionne sur des scripts avec des sources externes, mais elle n'est pas fiable lors du chargement du même script plusieurs fois ou dans des environnements différents.

5. Boucler sur tous les scripts

Itérer sur tous les éléments de script et vérifier chacun pour trouver celui souhaité fournit une approche complète qui fonctionne avec les anciens navigateurs. Il hérite cependant des avantages et des limites des critères de sélection utilisés.

6. Obtenir le dernier script exécuté

En supposant que les scripts soient exécutés séquentiellement, le dernier élément du script peut être le script actuel. Bien que simple, cette méthode ne fonctionne pas avec des scripts asynchrones ou insérés dynamiquement.

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!