javascript - 检查嵌入式网站 URL 是否已更改

Question

我正在制作一个网站，该网站在一个对象中嵌入了另一个网站（我页面中的一个小框）。我正在寻找一种解决方案，当嵌入对象中的网页发生更改时（即用户单击该网站上的链接），我可以隐藏该对象

我在下面的代码只会显示将创建嵌入对象，但一切都是静态的（即“src”不会随着对象中 URL 的变化而变化）。

<object data=http://www.website.com  width="600" height="400"> <embed id="test" src=http://www.website.com  width="600" height="400"> </embed> Error: Embedded data could not be displayed. </object>

有没有办法查看该对象的当前 URL？我一直在考虑使用类似于 location.href 的东西，但我不确定如何实现它。

谢谢

Answer 1

Sorry, due to browser policy, you can not do that, you can only get iframe url if it open a page within your domain. For more information you can search "get iframe url" within stackoverflow

If your site is in the same domain, you think you can do like this

var url = http://www.website.com";
function checkChange(){
   if (document.getElementBydId('test').src != url){
      alert('page change');
   }
}

setInterval(checkChange, 1000);