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

Question

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

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

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

是否可以这样做？任何帮助将不胜感激...

谢谢。

Answer 1

使用window.parent访问父窗口：

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

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

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

注意

如果有多个级别的窗口，请使用window.top访问最顶部的窗口