2

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

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

4

3 回答 3

2

你可以试试这个

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

于 2019-12-13T05:39:59.610 回答
-1

这是一种适用于较新浏览器的替代方法,即使与 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

于 2013-07-17T16:18:09.110 回答
-1

通过再次阅读您的问题,我只想问:

相对于那个js,你为什么不这样做,说:

imported.src = 'config.js';

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

关于评论,我为错误道歉,没有理解这个问题。

于 2013-07-17T15:24:19.853 回答