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

我正在努力实现以下目标

父页面上的链接将打开一个新的子弹出窗口

在子弹出窗口中，用户输入一些数据并单击“保存”

数据将保存到数据库，弹出窗口将关闭。父窗口将被刷新，子弹出窗口中输入的数据将显示在父页面中

---

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

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

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

在弹出窗口中：

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

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

函数继续（）{
打开器。位置。重新加载（true）；
self.close（）；
}
...

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>

子窗口

window.onload=函数（）{
window.opener.location.reload（true）；
window.close（）；
}();