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

Question

I have an iframe (hosted somewhere else) that changes my url in browser upon clicking a button inside the iframe.

In the browser the url will go from https://www.siteurl.com/#/login to https://www.siteurl.com/#/account

I have tried:

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

But this only works if you access https://www.siteurl.com/#/account directly.

Then I thought about the.on("load") function

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

But that does not work at all. Accessing the iframe is a pain as well because of cross-origin. I have no control over the iframe (except CSS), so this might be a dead end.

Answer 1

If all you want is the current URL the iframe is displaying then this should allow you to access it:

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

The current URL of the browser is by principle accessible under

window.location.href

If these do not work, you might need to break out of the iFrame - see eg link