javascript - 关闭另一个弹出窗口时调用主窗口中的函数

Question

我有一个页面。当您单击该页面中的链接时，它会打开一个弹出窗口。当您单击弹出窗口中的链接时，它将打开一个新的弹出窗口并关闭第一个弹出窗口。在最后一个弹出窗口中，您可以编辑一些信息。当此窗口关闭时，我需要调用第一页中的函数。

我已经尝试过:

<script type="text/javascript">
    window.onbeforeunload = function(){
        window.opener.opener.relcontacten();
    }
</script>

其中 relcontacten() 是在第一页中定义的函数，如下所示:

function relcontacten(){
    $.get(
        'contactlijst.php',
        function(response){
            $('#ContactLijst').html(response);
        }
    );
}

有谁知道如何在不使用 opener 的情况下在特定窗口中调用函数？

Answer 1

我会选择localStorage。

您可以通过执行以下操作向其写入数据

localStorage.setItem('move_to_step_two', 'true');

并在其上放置一个事件监听器，以便在我们移动步骤时在每个窗口中监听(如果 move_to_step_two 变为 true，窗口 1 将自行关闭)。

您可以通过这种方式在同一站点的多个窗口之间同步