javascript - 单击另一个窗口中的按钮，使一个窗口中的 div 可见

Question

我有一个 html 页面(静态 html)。在其中我有 anchor 标记 (.windowOpener) 和一个显示状态的隐藏 div(.status)。当用户单击 anchor 标记时，将打开一个窗口:

     <a href="#" class='windowOpener' onClick="window.open('newPage.html','New Page','resizable,height=580px,width=357px'); return false;">Click here</a>
<div class='status' style='display:none'>Successful</div>

单击此链接后，将打开一个单独的窗口。在这个新窗口中，有一个链接

<a class='paymentButton' href='javascript:void(0)'>Do the payment</a>

现在单击此 anchor 标记 (.paymentButton)，我想关闭新窗口并使“状态”div 在第一个窗口中可见。我不想使用模态。

这有可能吗？任何帮助将不胜感激...

提前谢谢你。

Answer 1

使用window.parent访问父窗口:

$(document).on('click', '.paymentButton', function() {
    parent.showStatusDiv();
});

并在父窗口中声明showStatusDiv()函数:

function showStatusDiv() {
    $('.status').show();
}

注意

如果有不止一层的窗口，使用window.top 访问最顶层的窗口