Comment trouver la balise de script qui a chargé le script actuel ?

Comment référencer la balise de script de chargement

Dans divers scénarios, il devient nécessaire de référencer la balise de script qui a chargé le script en cours d'exécution. scénario. Ceci peut être réalisé grâce à plusieurs méthodes, chacune avec ses propres avantages et inconvénients.

1. document.currentScript

<script><br>var me = document.currentScript;<br></script><br>

Avantages :

• Simple et explicite.
• Fiable.
• Fonctionne avec asynchrone scripts.
• Pas besoin de modifier la balise de script.

Problèmes :

• Non pris en charge dans les anciens navigateurs et IE.
• Ne fonctionne pas avec les modules (

2. Identifiant du script

<script>var me = document.getElementById('myscript');<br></script><br>

Avantages :

• Explicites et fiable.
• Largement pris en charge.
• Fonctionne avec des scripts asynchrones.

Problèmes :

• Nécessite un attribut personnalisé.
• L'attribut Id peut provoquer des problèmes spécifiques navigateurs.

3. Attribut de données

<script data-name="myscript"><br>var me = document.querySelector('script[data-name="myscript"]');<br></script><br>

Avantages :

• Similaire à l'option précédente.
• Prend en charge l'asynchrone scripts.

Problèmes :

• Attribut personnalisé requis.
• HTML5 non conforme dans tous les navigateurs.
• Conflits potentiels avec d'autres éléments partageant le même attribut.

4. Source du script

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

var moi = document.querySelector('script[src="//example.com/embed.js"]');<br>

Avantages :

• Aucun attribut personnalisé.
• Fonctionne avec le mode asynchrone scripts.

Problèmes :

• Ne fonctionne pas pour les scripts locaux.
• Problèmes dans différents environnements (par exemple, développement et Production).
• Fragile (les modifications apportées à l'emplacement du script nécessitent un script modification).

5. Boucle sur les scripts

<script><br>var me = null;<br>var scripts = document.getElementsByTagName("script")<br>for (var i = 0 ; je < scripts.longueur ; {<pre class="brush:php;toolbar:false">if( isMe(scripts[i])){
  me = scripts[i];
}</script>

}

function isMe(scriptElem){<pre class="brush:php;toolbar:false">if( isMe(scripts[i])){
  me = scripts[i];
}

}

Avantages :

• Flexible, peut utiliser le précédent techniques.

Problèmes :

• Peut être inefficace.

6. Dernier script exécuté

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

Avantages :

• Simple.

Problèmes :

• Ne travaillez 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!