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

我将myscript.js包含在这样的文件中http://site1.com/index.html：

<script src=http://site2.com/myscript.js></script>

在“ myscript.js”中，我想访问URL“ http://site2.com/myscript.js ”。我想要这样的东西：

function getScriptURL() {
    // something here
    return s
}

alert(getScriptURL());

如果从上述index.html调用，它将警告“ http://site2.com/myscript.js ”。

从http://feather.elektrum.org/book/src.html中：

var scripts = document.getElementsByTagName('script');
var index = scripts.length - 1;
var myScript = scripts[index];

变量myScript现在具有脚本dom元素。您可以使用来获取src网址myScript.src。

注意，这需要作为脚本初始评估的一部分执行。如果您不想污染Javascript名称空间，则可以执行以下操作：

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

您可以将id属性添加到脚本标签中（即使它位于head标签中）：

<script id="myscripttag" src="http://site2.com/myscript.js"></script>

然后按以下方式访问其src：

document.getElementById("myscripttag").src

当然，包含脚本的每个文档的id值都应该相同，但是我认为这对您来说不便。

IE支持之外的所有内容

document.currentScript

我编写了一个类来查找与延迟加载和异步脚本标记一起使用的脚本的路径。

我有一些相对于我的脚本的模板文件，因此，我没有对它们进行硬编码，而是创建了创建类来自动创建路径。完整的源代码在github上。

不久前，我使用arguments.callee尝试执行类似的操作，但最近我在MDN上阅读到，严格模式下不允许使用。

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('.');
  };
}

如果您有机会使用jQuery，则代码如下所示：

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

简单而直接的解决方案效果很好：

如果不是IE，则可以使用document.currentScript
IE document.querySelector('script[src*="myscript.js"]')
：

function getScriptURL(){
 var script =  document.currentScript || document.querySelector('script[src*="myscript.js"]')
 return script.src
}

以下代码可让您查找具有给定名称的脚本元素

var scripts = document.getElementsByTagName( 'script' );
        var len = scripts.length
        for(var i =0; i < len; i++) {
            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("/") + 1);
                break;
            }
        }

您不能使用location.href或location.host，然后附加脚本名称吗？