关闭子弹出窗口并刷新父页面

Question

我想实现以下功能：

1. 在父页面上有一个链接，点击后会打开一个新的子弹出窗口。 2. 在子弹出窗口中，用户输入一些数据并单击“保存”。 3. 数据将被保存到数据库中，弹出窗口将被关闭。父窗口将被刷新，并在父页面中显示在子弹出窗口中输入的数据。

如何使用Javascript完成此操作（关闭子弹出窗口并刷新父页面）？

- cool2cool

Answer 1

在弹出的窗口中：

<script type="text/javascript">
function proceed(){
   opener.location.reload(true);
   self.close();
}
</script>

<form onsubmit="proceed()">
...
</form>

- derekcohen

Answer 2

在弹出窗口的关闭/重新加载代码中：

opener.location.reload();
close();

- Delan Azabani

Answer 3

parent.html

<a href="#" onclick='window.open("child.html","_blank","height=100,width=100,
status=yes,toolbar=no,menubar=no,location=no");return false'>pop up</a>

child.html

<p>child window</p>
<script>
window.onload = function(){
    window.opener.location.reload(true);
    window.close();
}();
</script>

- erickb