找出从脚本中加载 JS 脚本的基本 URL

Question

假设我的 HTML 页面中包含一个 JS 脚本http://app.example.com：

<script src="http://app.foo.com/script.js"></script>

或

<script src="http://app.bar.com/script.js"></script>

这是相同版本的 JS，但来自不同的域。 实际上它是同一个脚本，想知道它是从哪里加载的。

所以基本上我希望 script.js 有代码：

// 'app.foo.com' or 'app.bar.com' returned depending where it was loaded from
let baseUrl = somehowGetTheBaseUrlWhereImHostedAt();

附：实际上，我要解决的问题是 JS 脚本会从 app.foo.com/iframe.html 加载（插入 DOM）一个 iframe，如果它来自 app.foo.com 或 app.bar.com/iframe .html 如果它来自 app.bar.com

Answer 1

iframe.html 和 script.js 在所有环境中都是独一无二的

假设script.js 文件名是预先确定的且唯一的，我们可以搜索导入给定脚本的脚本标签。然后从 script 标签中获取完整的源 URL。

注意：在下面的示例中，我使用 jquery 只是因为它在 SO 沙箱中可用。

const fileName = 'jquery.min.js';

// src$="foo" is equivalent to "where the value of the src field ends with 'foo' "
const $script = document.querySelector(`script[src$="${fileName}"]`);
const scriptSrc = $script.src;

console.log(scriptSrc);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>