Как проверить, изменился ли URL в браузере с помощью iframe

Question

У меня есть iframe (размещенный где-то еще), который меняет мой URL в браузере после нажатия кнопки внутри iframe.

В браузере URL будет go из 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

Если все, что вам нужно, это текущий URL, который отображает iframe, то это должно позволить вам получить к нему доступ:

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

Текущий URL браузера в принципе доступен в

window.location.href

Если они не работают, возможно, вам придется выйти из iFrame - см., Например, ссылка