blocks|key|1016623|text|来自http://feather.elektrum.org/book/src.html|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1016624|var+scripts+=+document.getElementsByTagName('script');
var+index+=+scripts.length+-+1;
var+myScript+=+scripts[index];|code-block|syntax|javascript|1016625|变量myScript现在有了脚本dom元素。您可以使用myScript.src获取src+url。|style|CODE|1016626|请注意，这需要作为脚本初始评估的一部分来执行。如果你不想污染Javascript命名空间，你可以这样做：|1016627|var+getScriptURL+=+(function()+{
++++var+scripts+=+document.getElementsByTagName('script');
++++var+index+=+scripts.length+-+1;
++++var+myScript+=+scripts[index];
++++return+function()+{+return+myScript.src;+};
})();|1016628|entityMap|0|LINK|mutability|MUTABLE|url|http://feather.elektrum.org/book/src.html^0|2|15|0|0|0|2|8|R|C|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|13|8|@$A|14|B|15|K|L]|$A|16|B|17|K|L]]|9|@]|C|$]]|$1|M|3|N|5|6|7|18|8|@]|9|@]|C|$]]|$1|O|3|P|5|F|7|19|8|@]|9|@]|C|$G|H]]|$1|Q|3|-4|5|6|7|1A|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

<p>From <a href="http://feather.elektrum.org/book/src.html" rel="noreferrer">http://feather.elektrum.org/book/src.html</a>:</p>

<pre><code>var scripts = document.getElementsByTagName('script');
var index = scripts.length - 1;
var myScript = scripts[index];
</code></pre>

<p>The variable <code>myScript</code> now has the script dom element. You can get the src url by using <code>myScript.src</code>.</p>

<p>Note that this needs to execute as part of the initial evaluation of the script. If you want to not pollute the Javascript namespace you can do something like:</p>

<pre><code>var getScriptURL = (function() {
    var scripts = document.getElementsByTagName('script');
    var index = scripts.length - 1;
    var myScript = scripts[index];
    return function() { return myScript.src; };
})();
</code></pre>


blocks|key|1231417|text|您可以将id属性添加到脚本标记中(即使它位于head标记中)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1231418|<script+id="myscripttag"+src="http://site2.com/myscript.js"></script>|code-block|syntax|javascript|1231419|然后访问其src，如下所示：|1231420|document.getElementById("myscripttag").src|1231421|当然，对于包含脚本的每个文档，id值应该是相同的，但我不认为这会给您带来很大的不便。|1231422|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>You can add id attribute to your script tag (even if it is inside a head tag):</p>

<pre><code>&lt;script id="myscripttag" src="http://site2.com/myscript.js"&gt;&lt;/script&gt;
</code></pre>

<p>and then access to its src as follows:</p>

<pre><code>document.getElementById("myscripttag").src
</code></pre>

<p>of course id value should be the same for every document that includes your script, but I don't think it is a big inconvenience for you.</p>


blocks|key|1231539|text|除IE外的所有功能都支持|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1231540|document.currentScript|code-block|syntax|javascript|1231541|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Everything except IE supports</p>

<pre><code>document.currentScript
</code></pre>


blocks|key|1231583|text|简单明了的解决方案，效果很好：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1231584|如果不是IE，你可以使用document.currentScript|offset|length|style|CODE|1231585|对于IE，您可以执行document.querySelector('script[src*="myscript.js"]')|1231586|所以：|1231587|function+getScriptURL(){
+var+script+=++document.currentScript+%7C%7C+document.querySelector('script[src*="myscript.js"]')
+return+script.src
}|code-block|syntax|javascript|1231588|更新|1231589|在模块脚本中，您可以使用：|1231590|+import.meta.url|1231591|如mdn中所述|1231592|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import.meta#using_import.meta^0|0|C|M|0|A|1G|0|0|0|0|0|0|1|3|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@$D|18|E|19|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|1A|8|@$D|1B|E|1C|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|1D|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|1E|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|1F|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1G|8|@]|9|@]|A|$]]|$1|U|3|V|5|N|7|1H|8|@]|9|@]|A|$O|P]]|$1|W|3|X|5|6|7|1I|8|@]|9|@$D|1J|E|1K|1|1L]]|A|$]]|$1|Y|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]]]

<p>Simple and straightforward solution that work very well :</p>
<p>If it not IE you can use <code>document.currentScript</code><br />
For IE you can do <code>document.querySelector('script[src*=&quot;myscript.js&quot;]')</code><br />
so :</p>
<pre><code>function getScriptURL(){
 var script =  document.currentScript || document.querySelector('script[src*=&quot;myscript.js&quot;]')
 return script.src
}
</code></pre>
<h5>update</h5>
<p>In a module script, you can use:</p>
<pre><code> import.meta.url
</code></pre>
<p>as describe in <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import.meta#using_import.meta" rel="nofollow noreferrer">mdn</a></p>


blocks|key|1016823|text|我编写了一个类来查找、获取脚本的路径，这些脚本使用延迟加载和异步脚本标记。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1016824|我有一些与我的脚本相关的模板文件，所以我创建了类来自动创建路径，而不是硬编码它们。The+full+source+is+here+on+github.|offset|length|1016825|不久前，我曾尝试使用arguments.callee来做类似的事情，但我最近在MDN上看到它是not+allowed+in+strict+mode。|1016826|function+ScriptPath()+{
++var+scriptPath+=+'';
++try+{
++++//Throw+an+error+to+generate+a+stack+trace
++++throw+new+Error();
++}
++catch(e)+{
++++//Split+the+stack+trace+into+each+line
++++var+stackLines+=+e.stack.split('\n');
++++var+callerIndex+=+0;
++++//Now+walk+though+each+line+until+we+find+a+path+reference
++++for(var+i+in+stackLines){
++++++if(!stackLines[i].match(/http[s]?:\/\//))+continue;
++++++//We+skipped+all+the+lines+with+out+an+http+so+we+now+have+a+script+reference
++++++//This+one+is+the+class+constructor,+the+next+is+the+getScriptPath()+call
++++++//The+one+after+that+is+the+user+code+requesting+the+path+info+(so+offset+by+2)
++++++callerIndex+=+Number(i)+%2B+2;
++++++break;
++++}
++++//Now+parse+the+string+for+each+section+we+want+to+return
++++pathParts+=+stackLines[callerIndex].match(/((http[s]?:\/\/.%2B\/)([%5E\/]%2B\.js)):/);
++}

++this.fullPath+=+function()+{
++++return+pathParts[1];
++};

++this.path+=+function()+{
++++return+pathParts[2];
++};

++this.file+=+function()+{
++++return+pathParts[3];
++};

++this.fileNoExt+=+function()+{
++++var+parts+=+this.file().split('.');
++++parts.length+=+parts.length+!=+1+?+parts.length+-+1+:+1;
++++return+parts.join('.');
++};
}|code-block|syntax|javascript|1016827|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/QueueHammer/codecraftsman.js/blob/master/codecraftsman.js|1|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope/arguments/callee^0|0|15|Y|0|0|1B|Q|1|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@$D|Y|E|Z|1|10]]|A|$]]|$1|F|3|G|5|6|7|11|8|@]|9|@$D|12|E|13|1|14]]|A|$]]|$1|H|3|I|5|J|7|15|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]]]

<p>I wrote a class to find get the path of scripts that works with delayed loading and async script tags.</p>

<p>I had some template files that were relative to my scripts so instead of hard coding them I made created the class to do create the paths automatically. <a href="https://github.com/QueueHammer/codecraftsman.js/blob/master/codecraftsman.js">The full source is here on github.</a></p>

<p>A while ago I had use arguments.callee to try and do something similar but I recently read on the MDN that it is <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope/arguments/callee">not allowed in strict mode</a>.</p>

<pre><code>function ScriptPath() {
  var scriptPath = '';
  try {
    //Throw an error to generate a stack trace
    throw new Error();
  }
  catch(e) {
    //Split the stack trace into each line
    var stackLines = e.stack.split('\n');
    var callerIndex = 0;
    //Now walk though each line until we find a path reference
    for(var i in stackLines){
      if(!stackLines[i].match(/http[s]?:\/\//)) continue;
      //We skipped all the lines with out an http so we now have a script reference
      //This one is the class constructor, the next is the getScriptPath() call
      //The one after that is the user code requesting the path info (so offset by 2)
      callerIndex = Number(i) + 2;
      break;
    }
    //Now parse the string for each section we want to return
    pathParts = stackLines[callerIndex].match(/((http[s]?:\/\/.+\/)([^\/]+\.js)):/);
  }

  this.fullPath = function() {
    return pathParts[1];
  };

  this.path = function() {
    return pathParts[2];
  };

  this.file = function() {
    return pathParts[3];
  };

  this.fileNoExt = function() {
    var parts = this.file().split('.');
    parts.length = parts.length != 1 ? parts.length - 1 : 1;
    return parts.join('.');
  };
}
</code></pre>


blocks|key|1231434|text|如果您有机会使用jQuery，代码将如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1231435|$('script[src$="/myscript.js"]').attr('src');|code-block|syntax|javascript|1231436|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>if you have a chance to use jQuery, the code would look like this:</p>

<pre><code>$('script[src$="/myscript.js"]').attr('src');
</code></pre>


blocks|key|1016864|text|下面的代码使您可以找到具有给定名称的脚本元素|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1016865|var+scripts+=+document.getElementsByTagName(+'script'+);
++++++++var+len+=+scripts.length
++++++++for(var+i+=0;+i+<+len;+i%2B%2B)+{
++++++++++++if(scripts[i].src.search("<your+JS+file+name")+>+0+&&+scripts[i].src.lastIndexOf("/")+>=+0)+{
++++++++++++++++absoluteAddr+=+scripts[i].src.substring(0,+scripts[i].src.lastIndexOf("/")+%2B+1);
++++++++++++++++break;
++++++++++++}
++++++++}|code-block|syntax|javascript|1016866|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Following code lets you find the script element with given name</p>

<pre><code>var scripts = document.getElementsByTagName( 'script' );
        var len = scripts.length
        for(var i =0; i &lt; len; i++) {
            if(scripts[i].src.search("&lt;your JS file name") &gt; 0 &amp;&amp; scripts[i].src.lastIndexOf("/") &gt;= 0) {
                absoluteAddr = scripts[i].src.substring(0, scripts[i].src.lastIndexOf("/") + 1);
                break;
            }
        }
</code></pre>


blocks|key|1016964|text|一些巫术，但这里有一个函数，它尝试了几种方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1016965|​|1016966|function+getScriptPath+(hint)+{
++++if+(++typeof+document+===+"object"+&&+
++++++++++typeof+document.currentScript+===+'object'+&&+
++++++++++document.currentScript+&&+//+null+detect
++++++++++typeof+document.currentScript.src==='string'+&&+
++++++++++document.currentScript.src.length+>+0)+{
++++++++return+document.currentScript.src;
++++}
++++
++++
++++let+here+=+new+Error();
++++if+(!here.stack)+{
++++++++try+{+throw+here;}+catch+(e)+{here=e;}
++++}
++++if+(here.stack)+{
++++++++
++++++++const+stacklines+=+here.stack.split('\n');
++++++++console.log("parsing:",stacklines);
++++++++let+result,ok=false;
++++++++stacklines.some(function(line){
++++++++++++if+(ok)+{
+++++++++++++++const+httpSplit=line.split(':/');
+++++++++++++++const+linetext+=+httpSplit.length===1?line.split(':')[0]:httpSplit[0]%2B':/'%2B(+httpSplit.slice(1).join(':/').split(':')[0]);
+++++++++++++++const+chop+=+linetext.split('at+');
+++++++++++++++if+(chop.length>1)+{
+++++++++++++++++++result+=+chop[1];
+++++++++++++++++++if+(+result[0]!=='<')+{
++++++++++++++++++++++console.log("selected+script+from+stack+line:",line);+++++++++++++++
++++++++++++++++++++++return+true;
+++++++++++++++++++}
+++++++++++++++++++result=undefined;
+++++++++++++++}
+++++++++++++++return+false;+
++++++++++++}
++++++++++++ok+=+line.indexOf("getScriptPath")>0;
++++++++++++return+false;
++++++++});
++++++++return+result;
++++}
++++
++++if+(+hint+&&+typeof+document+===+"object")+{
+++++++const+script+=+document.querySelector('script[src="'%2Bhint%2B'"]');
+++++++return+script+&&+script.src+&&+script.src.length+&&+script.src;
++++}
++++
}
+++
+++console.log("this+script+is+at:",getScriptPath+())|code-block|syntax|javascript|1016967|1016968|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>Some necromancy, but here's a function that tries a few methods</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function getScriptPath (hint) {
    if (  typeof document === "object" &amp;&amp; 
          typeof document.currentScript === 'object' &amp;&amp; 
          document.currentScript &amp;&amp; // null detect
          typeof document.currentScript.src==='string' &amp;&amp; 
          document.currentScript.src.length &gt; 0) {
        return document.currentScript.src;
    }
    
    
    let here = new Error();
    if (!here.stack) {
        try { throw here;} catch (e) {here=e;}
    }
    if (here.stack) {
        
        const stacklines = here.stack.split('\n');
        console.log("parsing:",stacklines);
        let result,ok=false;
        stacklines.some(function(line){
            if (ok) {
               const httpSplit=line.split(':/');
               const linetext = httpSplit.length===1?line.split(':')[0]:httpSplit[0]+':/'+( httpSplit.slice(1).join(':/').split(':')[0]);
               const chop = linetext.split('at ');
               if (chop.length&gt;1) {
                   result = chop[1];
                   if ( result[0]!=='&lt;') {
                      console.log("selected script from stack line:",line);               
                      return true;
                   }
                   result=undefined;
               }
               return false; 
            }
            ok = line.indexOf("getScriptPath")&gt;0;
            return false;
        });
        return result;
    }
    
    if ( hint &amp;&amp; typeof document === "object") {
       const script = document.querySelector('script[src="'+hint+'"]');
       return script &amp;&amp; script.src &amp;&amp; script.src.length &amp;&amp; script.src;
    }
    
}
   
   console.log("this script is at:",getScriptPath ())</code></pre>
</div>
</div>
</p>


blocks|key|1231315|text|您不能使用location.href或location.host，然后附加脚本名称吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1231316|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>Can't you use location.href or location.host and then append the script name? </p>


<p>I include myscript.js in the file <code>http://site1.com/index.html</code> like this:</p>

<pre><code>&lt;script src=http://site2.com/myscript.js&gt;&lt;/script&gt;
</code></pre>

<p>Inside "myscript.js", I want to get access to the URL "<a href="http://site2.com/myscript.js" rel="noreferrer">http://site2.com/myscript.js</a>".  I'd like to have something like this:</p>

<pre><code>function getScriptURL() {
    // something here
    return s
}

alert(getScriptURL());
</code></pre>

<p>Which would alert "<a href="http://site2.com/myscript.js" rel="noreferrer">http://site2.com/myscript.js</a>" if called from the index.html mentioned above.</p>


JavaScript - How do I get the URL of script being called?

jQuery

我将myscript.js包含在文件http://site1.com/index.html中，如下所示：<script src=http://site2.com/myscript.js></script>在“URL”中，我想访问myscript.js "“。我想要这样的东西：function getScriptURL() {    // something here    return s}ale

问JavaScript -如何获取被调用脚本的URL？
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript -如何获取被调用脚本的URL？EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript -如何获取被调用脚本的URL？
EN