javascript - 获取导入的 HTML 的主机名

Question

因此，我使用 index.html 中的 HTML 导入导入了一个 html 文件:

<link rel="import" href="http://localhost:52008/importedFile.html">

运行此 index.html 的服务器位于 http://localhost:51165 上。 (我在 http://localhost:52008 上启用了 CORS)

如果我将此脚本放入 importedFile.html 中:

console.log(window.location.host);

结果将是“http://localhost:51165 ”而不是“http://localhost:52008 ”。

有没有办法在“importedFile.html”中添加脚本来获取其主机(http://localhost:52008)？

Answer 1

在 index.html 中使用以下 JavaScript在http://localhost:51165获取 host导入的文档。

var getLocation = function(href) {
  var l = document.createElement("a");
  l.href = href;
  return l;
};
var l = getLocation(document.getElementsByTagName("link")[1].href); 
document.write(l.host);

这将使用虚拟 <a>标签以获得 host其href 。

看看这个 jsfiddle 。