当脚本来自另一个域时获取Javascript域

Question

我正在编写一个脚本，它应该跨域工作。我试图从另一个域包含一个脚本，然后让这个脚本包含来自同一个域的其他脚本。

示例:域1- www.mydomain.com

<html>
    <head>
       <script type="text/javascript" src="http://www.example.com/app.js"></script>
    </head>
</html>

示例应用程序JS

var imported = document.createElement('script');
imported.src = window.location.host + 'config.js';
document.head.appendChild(imported);

var imported = document.createElement('script');
imported.src = window.location.host + 'stuff.js';
document.head.appendChild(imported);

问题是window.location.host给出了脚本下载到: www.mydomain.com的域。我想要脚本当前驻留的域，在这个示例中的域是www.example.com？

这能办到吗？请不要JQuery。

Answer 1

你可以试试这个

if (document.currentScript && document.currentScript.src) {
    var uri = new URL(document.currentScript.src);
    includeJsFile(uri.origin + '/static/script.js');
}

请注意，document.currentScript不工作在IE上。

https://caniuse.com/#search=document.currentScript

Answer 2

再读一遍你的问题，我只想问：

你为什么不相对于那个js去做呢，比如说：

imported.src = 'config.js';

它将导入应该是config.js兄弟的app.js

关于这些评论，我为错误道歉，不明白这个问题。

Answer 3

下面是一种新浏览器的替代方法，它甚至适用于多玛加法器注入的脚本，这些脚本有时不是getElementsByTagName(“脚本”)集合中的最后一个脚本：

(function(){ // script filename setter, leaves window.__filename set with active script URL.
if(self.attachEvent){
 function fn(e,u){self.__filename=u;}
 attachEvent("onerror",fn);
 setTimeout(function(){detachEvent("onerror", fn)},20);
 eval("gehjkrgh3489c()");
}else{
 Object.defineProperty( window, "__filename", { configurable: true, get:function __filename(){
   try{document.s0m3741ng()}catch(y){
    return "http://" + 
     String(y.fileName || y.file || y.stack || y + '')
     .split(/:\d+:\d+/)[0].split("http://")[1];
    } 
 }})//end __filename
}//end if old IE?
}());

更新:添加了更全面的支持:在IE9(s+q)中测试，IE9 as IE8 (s+q)，FF，Ch

我不知道有什么不同的方法，除了手动嗅探脚本标记.SRCs来匹配硬编码字符串，恶心。

快速演示：http://danml.com/pub/getfilenamedemo2.html链接脚本：http://danml.com/js/filename2.js