javascript - 如何获取iframe对象的来源

Question

我需要获取 iframe 的来源。到目前为止，我们使用的代码创建了一个 anchor 元素并读取了它的来源，但是这个属性在 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