javascript - 检测子窗口何时加载 "each"时间

Question

我正在尝试使用 Javascript 向父子窗口添加一些页面加载检查功能。

我的目标是“从父窗口”检测，每次子窗口完全加载然后执行一些代码。

我在父窗口中使用以下代码示例:

<script type='text/javascript'>

childPage=window.open('http://www.example.com');

childOnLoad=childPage.addEventListener('load', LoadAndGo, true);

function LoadAndGo()
{
    if(confirm("Press a button")==true)
    {
        //childPage.removeEventListener ("load", childOnLoad, false);
        childPage.top.location.href="http://www.example.com";
        //childOnLoad=childPage.addEventListener('load', LoadAndGo, true);
    }
}
</script>

前面的代码附加并检测到我的子窗口的加载事件，然后“在我单击确认按钮后”将其重定向到另一个页面，

我想做的是让父窗口检测到下一个子加载，即检测重定向后的负载。

我试图删除，然后重新附加一个新的 onload 事件“注释行”，但似乎父窗口仅检测第一个子加载。

所以流程应该是这样的:

父打开子
Parent检测Child负载
parent 重定向 child
Parent再次检测子负载
..等等

• 我拥有共享相同域和协议(protocol)的两个页面。
• 不应在子窗口上执行任何 JS，“即子窗口无法检查其加载并将数据传递给父窗口”。

Answer 1

导致 child 导航后重新绑定(bind)是否不起作用？

<script type='text/javascript'>

    var childPage = window.open('http://www.example.com');

    childPage.addEventListener('load', LoadAndGo, true);

    function LoadAndGo()
    {
        if(confirm("Press a button") == true)
        {
            childPage.top.location.href = "http://www.example.com";

            // Re-bind
            childPage.addEventListener('load', LoadAndGo, true);
        }
    }

</script>