Comment puis-je faire référence à la balise script qui a chargé le script en cours d'exécution ?

Question

Comment puis-je faire référence à la balise script qui a chargé le script en cours d'exécution ?

Demandé el 31 de Décembre, 2008: Quand la question a-t-elle été
175964 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

Comment puis-je faire référence à l'élément script qui a chargé le javascript en cours d'exécution ?

Voici la situation. J'ai un script "maître" qui est chargé en haut de la page, en premier lieu sous la balise HEAD.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="scripts.js"></script>

Il existe un script dans "script.js" qui doit pouvoir faire un chargement à la demande d'autres script. La méthode normale ne fonctionne pas tout à fait pour moi parce que je dois ajouter de nouveaux script sans référencer la balise HEAD, parce que l'élément HEAD n'a pas terminé son rendu :

document.getElementsByTagName('head')[0].appendChild(v);

Ce que je veux faire, c'est référencer l'élément script qui a chargé le script actuel afin que je puisse ensuite ajouter mes nouvelles balises script chargées dynamiquement dans le DOM après lui.

<script type="text/javascript" src="scripts.js"></script>
loaded by scripts.js--><script type="text/javascript" src="new_script1.js"></script>
loaded by scripts.js --><script type="text/javascript" src="new_script2.js"></script>

Demandé el 31 de Décembre, 2008 par Utilisateur non enregistré

Answer 1

5 Réponses

Answer 2

8voto

David Callizaya Points 31

Il doit fonctionner au chargement de la page et lorsqu'une balise script est ajoutée avec javascript (ex. avec ajax).

<script id="currentScript">
var $this = document.getElementById("currentScript");
$this.setAttribute("id","");
//...
</script>

Répondu el 18 de Octobre, 2011 par David Callizaya (31 Points )

Answer 3

6voto

Peter Lakatos - appnomads Points 55

Pour obtenir le script, qui a actuellement chargé le script vous pouvez utiliser

var thisScript = document.currentScript;

Vous devez garder une référence au début de votre script, de sorte que vous puissiez appeler plus tard

var url = thisScript.src

Répondu el 25 de Février, 2018 par Peter Lakatos - appnomads (55 Points )

Answer 4

5voto

Triptych Points 70247

Un mot d'avertissement : modifier le DOM pendant qu'il est encore en train de se charger vous causera un problème de sécurité. un monde de souffrance dans IE6 et IE7 .

Vous feriez mieux d'exécuter ce code après le chargement de la page.

Répondu el 31 de Décembre, 2008 par Triptych (70247 Points )

Answer 5

5voto

Pete Blois Points 36

Une approche pour traiter les scripts asynchrones et différés est de tirer parti du gestionnaire onload - définir un gestionnaire onload pour toutes les balises scripts et le premier qui s'exécute devrait être le vôtre.

function getCurrentScript(callback) {
  if (document.currentScript) {
    callback(document.currentScript);
    return;
  }
  var scripts = document.scripts;
  function onLoad() {
    for (var i = 0; i < scripts.length; ++i) {
      scripts[i].removeEventListener('load', onLoad, false);
    }
    callback(event.target);
  }
  for (var i = 0; i < scripts.length; ++i) {
    scripts[i].addEventListener('load', onLoad, false);
  }
}

getCurrentScript(function(currentScript) {
  window.console.log(currentScript.src);
});

Répondu el 6 de Août, 2013 par Pete Blois (36 Points )

Answer 6

4voto

Ferdinand Liu Points 124

Suivez ces étapes simples pour obtenir la référence au bloc script en cours d'exécution :

Placez une chaîne unique aléatoire dans le bloc script (doit être unique / différente dans chaque bloc script).
Interroge le résultat de document.getElementsByTagName('script'), en recherchant la chaîne unique de chacun de leur contenu (obtenu à partir de la propriété innerText/textContent).

Exemple (ABCDE345678 est l'identifiant unique) :

<script type="text/javascript">
var A=document.getElementsByTagName('script'),i=count(A),thi$;
for(;i;thi$=A[--i])
  if((thi$.innerText||thi$.textContent).indexOf('ABCDE345678'))break;
// Now thi$ is refer to current script block
</script>

En fait, dans votre cas, vous pouvez simplement utiliser la bonne vieille méthode document.write() pour inclure un autre script. Comme vous avez mentionné que le DOM n'est pas encore rendu, vous pouvez profiter du fait que le navigateur exécute toujours script en séquence linéaire (sauf pour celui qui est différé et qui sera rendu plus tard), donc le reste de votre document n'existe toujours pas. Tout ce que vous écrirez à travers document.write() sera placé juste après le script appelant.

Exemple de page HTML originale :

<!doctype html>
<html><head>
<script src="script.js"></script>
<script src="otherscript.js"></script>
<body>anything</body></html>

Contenu de script.js :

document.write('<script src="inserted.js"></script>');

Après le rendu, la structure DOM deviendra :

HEAD
  SCRIPT script.js
  SCRIPT inserted.js
  SCRIPT otherscript.js
BODY

Répondu el 26 de Février, 2012 par Ferdinand Liu (124 Points )

Comment puis-je faire référence à la balise script qui a chargé le script en cours d'exécution ?

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Comment puis-je faire référence à la balise script qui a chargé le script en cours d'exécution ?

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: