Javascript 在 window.opener.location.reload 之后从子调用父函数

Question

我有两个页面。父页面打开一个带有 javascript 的弹出窗口。从子页面（弹出窗口），我重新加载父页面。之后我想调用一个名为 doSomething().

的方法

父页面：

<html>
    <head>
        <script type='text/javascript'>
             function doSomething(){
                 // code ...
             }
        </script>
    </head>
    <body>
        // open child page
    </body>
</html>

子页面：

<html>
    <head>
    </head>
    <body>
        <script type='text/javascript'>
            window.opener.location.reload(true);
            window.opener.doSomething();
        </script>
    </body>
</html>

但是 javascript 首先调用 doSomething()，并且仅在执行 window.opener.location.reload().

之后调用

在调用第二种方法之前，有没有办法在子页面上知道 window.opener.location.reload(true) 已经完成？

Answer 1

你是这样使用的：

window.opener.location.reload(true);
if(document.readyState === "complete") {
    window.opener.doSomething();
}

因为您正在使用整个文档，所以您可以检查它是否已经加载。

Javascript 在 window.opener.location.reload 之后从子调用父函数

Javascript call parent function from child after window.opener.location.reload

javascript

window.opener