检测子窗口何时加载“每个”窗口是时候这样做了

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 事件“注释行”，但似乎 父窗口仅检测第一个子加载。

所以流程应该是这样的：

父级打开子级
父级检测子级负载
家长重定向孩子
父级再次检测子级负载
。 。 等等，

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

Answer 1

导致孩子导航后重新绑定是否不起作用？

<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>