使用JavaScript从IFRAME中获取当前URL

在本教程中，我们将学习如何使用JavaScript从IFRAME中获取当前URL。

从IFRAME中获取当前URL

要从IFRAME中获取当前的URL，首先我们需要通过使用document.getElementById() 方法访问JavaScript中的iframe。

const iframe =  document.getElementById("iframe");

现在，它有一个contentWindow.location.href 属性，使用它我们可以访问当前的URL。

const currentURL = iframe.contentWindow.location.href;

注意：上述方法只有在两个域都有相同的名字时才有效，如果两个域都不一样，就不能工作了，因为跨源资源共享的安全例外。

从跨域获得IFRAME的URL

对于跨域，我们可以使用document.baseURI 属性来获取当前的网址。

下面是一个例子。

const currentURL = document.baseURI;

console.log(currentURL);