Question

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

我试过了：

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

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

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

有没有人知道在不使用开启器的情况下在特定窗口中调用函数的方法？

Answer 1

尝试使用.load（）

function relcontacten(){
     $('#ContactLijst').load('contactlijst.php');
}

和beforeunload你可以使用

 window.addEventListener("beforeunload", function (e) {
        relcontacten();
 });

Answer 2

我会选择 localStorage 。

您可以通过

向其写入数据

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

并在其上放置一个事件监听器，如果我们移动一个步骤，则在每个窗口中监听（如果 move_to_step_two 变为真，则窗口1将自动关闭。）

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

关闭另一个弹出窗口时，在主窗口中调用一个函数

2 个答案: