如何检查浏览器中的url是否已被iframe更改

Question

我有一个 iframe（托管在其他地方），点击 iframe 内的按钮后，它会在浏览器中更改我的网址。

在浏览器中，网址将从https://www.siteurl.com/#/login 变为https://www.siteurl.com/#/account

我试过了：

if (window.location.toString().includes("account")){
alert("url contains account");
}

但这只有在您直接访问https://www.siteurl.com/#/account 时才有效。

然后我想到了.on("load")函数

$(function(){
$(window).on("load", function(){
 if (window.location.toString().includes("account")){
 alert("url contains account");
 }
});
});

但这根本不起作用。 由于跨域，访问 iframe 也很痛苦。我无法控制 iframe（CSS 除外），所以这可能是一个死胡同。

Answer 1

如果你想要的只是 iframe 显示的当前 URL，那么这应该允许你访问它：

document.getElementById('ID_of_your_iframe').contentWindow.location.href

浏览器的当前URL原则上可以在

下访问

window.location.href

如果这些都不起作用，您可能需要跳出 iFrame - 参见例如link