如何获取 iframe 对象的来源

Question

我需要获取 iframe 的来源。到目前为止，我们使用的代码创建了一个锚元素并读取它的来源，但该属性在 Internet Explorer 中不可用。从 iframe 对象获取原点的最优雅方法是什么？

这是旧代码：

function getOrigin(href) {
  var l = document.createElement("a");
  l.href = href;
  return l.origin;
};

var x = document.getElementById("my-iframe");
alert(getOrigin(x.src));

但正如我所说，Internet Explorer 不支持 origin 属性。

我需要支持 Internet Explorer 10 及更高版本。

Answer 1

var x = document.getElementById("myiframe");
alert(new URL(x.src).origin);

<iframe id="myiframe" src="https://www.google.com/search?q=test"></iframe>

检查 src 是否为相对 url：How to test if a URL string is absolute or relative?

生成相对url的绝对url：Convert relative path to absolute using JavaScript

Answer 2

创建元素来解析字符串是很脏的。

为什么不自己解析呢？

'http://stackoverflow.com:8080/123?param=test'.match(/^.+\:\/\/[^\/]+\//)[0]

如果您还想支持相对 url（例如 '/myurl'），只需添加一些条件来获取当前窗口的 URL：

location.href.match...