Comment trouver l'élément de script qui a chargé le JavaScript en cours d'exécution ?

Comment référencer l'élément de script qui a chargé le script en cours d'exécution

Comprendre le problème

Dans certains scénarios, les développeurs peuvent avoir besoin de charger dynamiquement des éléments supplémentaires scripts dans le document. Cependant, la méthode conventionnelle d'utilisation de document.getElementsByTagName('head')[0].appendChild(v) peut ne pas convenir si l'élément HEAD n'a pas encore été entièrement rendu.

Solution : référencer le script actuel

Pour référencer l'élément de script qui a chargé le script en cours d'exécution, plusieurs techniques peuvent être utilisées :

1. document.currentScript

Avantages :

• Simple, explicite et fiable
• Ne nécessite pas de modification de la balise de script
• Fonctionne avec des scripts asynchrones (différés et asynchrones)
• Fonctionne avec des scripts insérés dynamiquement

Limitations :

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

  6. Dernier script exécuté

  Avantages :

  • Simple
  • Presque universellement pris en charge
  • Aucun attribut ou identifiant personnalisé requis

  Limitations :

  • Ne fonctionne pas avec les scripts asynchrones (différés et asynchrones)
  • Ne fonctionne pas avec les scripts insérés dynamiquement

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

  Conclusion

  Le choix de la méthode pour référencer l'élément de script actuel dépend des exigences spécifiques de l'application et prise en charge de divers navigateurs. Pour les navigateurs modernes, document.currentScript est l'approche préférée.

  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!