关闭子弹窗并刷新父页面

【问题标题】：Closing child pop-up and refreshing the parent page关闭子弹窗并刷新父页面
【发布时间】：2011-02-28 08:28:24
【问题描述】：

我正在努力实现以下目标。

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

这（关闭子弹出窗口并刷新父页面）如何在 Javascript 中完成？

【问题讨论】：

【解决方案1】：

在弹出窗口中：

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：