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

【问题标题】：Getting Javascript Domain When Script Is From Another Domain当脚本来自另一个域时获取 Javascript 域
【发布时间】：2013-07-17 15:21:05
【问题描述】：

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

示例：域 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。

【问题讨论】：

window 指的是脚本当前所在的页面。您必须让服务器在 JavaScript 文件中动态打印主机的 URL 并以这种方式提供服务
基本上，您需要在页面中查找 src-string 并解析实际域。也许这可以帮助你？ -> stackoverflow.com/questions/6146632/…
Get the url of currently executing js file when dynamically loaded的可能重复

标签： javascript cross-domain

【解决方案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

【讨论】：

【解决方案2】：

再次阅读您的问题，我只想问：

相对于那个js，你为什么不这样做，说：

imported.src = 'config.js';

它将导入假定为 app.js 兄弟的 config.js

关于cmets，我为错误道歉，没有理解问题。

【讨论】：

没有 Jquery，只有 javascript
这与实际问题没有真正的关系

【解决方案3】：

对于较新的浏览器，这是一种替代方法，即使使用 dom-adder-injected 脚本也可以使用，这些脚本有时不是 getElementsByTagName("script") 集合中的最后一个脚本：

(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 为 IE8 (s+q)，FF，Ch

除了手动嗅探脚本标记 .SRC 以匹配硬编码字符串之外，我不知道有什么不同的方法，哎呀。

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

【讨论】：

这是个好主意，但似乎没有任何作用。我只是在旧的 IE（甚至 IE 9）中尝试过 - fileName、file 和 stack 没有定义（就像你警告的那样，除了 IE 9）。我在 Chrome（和 IE 10）中尝试过，只定义了 stack，但 URL 的检索不起作用。在 Firefox 中，所有 3 个都已定义，但检索不起作用。我想知道我是否做错了什么......
@ian：你是从外部脚本调用它吗？
是的，它在 test.js 文件中。我想知道外部文件是否在同一个项目/域中是否重要
我刚刚从我的桌面验证了
嗯，很奇怪，我总是收到http:/。我会继续搞砸的:)