如何从外部窗口检测用户在 iframe 中导航到的 URL？

Question

场景如下：

该页面中有一个页面和一个 iframe。一开始，它们都来自同一个域（起源）。 iframe 可以包含到其他域的链接（或更改 window.location.href 的 javascript）。我想在外部框架中检测，当用户离开 iframe 中的原始域时，将外部页面的 window.location.href 替换为用户导航到的 URL，从而结束原来的 application在外框内运行。

尝试使用 beforeunload 事件，但内部框架的 location.href 没有改变。 iframe DOM 元素的 src 属性在 contentDocument 更改时也不会更改。

我的问题在当前的浏览器实现中是否可以解决，或者您会使用什么方法来获得最接近描述的行为？

Answer 1

    $(document).ready(function () {
                $("#widget").load(function () {
                    var ifr = document.getElementById("widget")
                    var anchors = ifr.contentDocument.getElementsByTagName("a");
                    for (var i in anchors) {
                        anchors[i].setAttribute("onClick", "testUrl()");
                    }
                });
            });  
function testUrl() {   
    //your code goes here for validating the URLs... 
}