在Javascript中以任何方式知道从哪个主机脚本加载？

Question

在javascript中，作为从somer主机加载的脚本，有没有办法知道我从哪个服务器/主机加载？我需要向主机发送额外的ajax请求，并且更愿意动态地找出主机。

因此，如果您在页面上包含javascript文件

<script src="http://somehost.com/js/test.js"></script>

当javascript执行时，在test.js ...

中

var host_loaded_from = ??? // should be somehost.com 

由于

Answer 1

  

有没有办法知道从哪个服务器/主机我加载？

是的，当使用defer或async属性异步加载脚本时，除之外可能，因为DOM中的最后一个脚本可能不一定是当前正在执行的脚本那种情况。有关更多信息，请参阅@kangax的评论。

此外，最近发布了此same question。

在test.js中，获取最后一个脚本元素，该元素将是当前正在解析的脚本（在您的情况下为test.js），并获取其src。

// test.js
var scripts = document.getElementsByTagName('script');
var src = scripts[scripts.length - 1].src;

找到一个src，使用正则表达式解析主机。

src.match(new RegExp('https?://[^/]*'))
["http://somehost.com"] // for your example

Answer 2

不，抱歉。

如果<script>有id，那么也许。但你不能真正依赖它。

Answer 3

不确定是否可以使用JavaScript完成。如果脚本在PHP文件中，请执行以下操作：

...
var host_loaded_from = <?php echo $_SERVER[SERVER_NAME] ?>
...

在我的网站上，我出于这个原因使用PHP包含我的JS脚本。我很想知道是否有更好的方法。

Answer 4

由于同源策略，您只能向源（主机+协议+端口）发出AJAX请求，从中加载HTML页面（文档） - 这与您从js加载的源不一定相同

您可以使用window.location.hostname或document.location.hostname查找文档的主机名。

Answer 5

脚本是否知道自己的文件名？ （OP问题中的“test.js”。）

如果是这样，您的脚本可以查询所有脚本标记的dom，查找具有src属性的脚本标记。但是您需要注意两个脚本，这些脚本具有从不同服务器加载的相同文件名。例如

<script src="http://somehost.com/js/test.js"></script>
<script src="http://somehost_number2.com/js/test.js"></script>

这是JS在el中查找所有脚本标签：

var scripts = el.getElementsByTagName('SCRIPT');