關閉子彈出並刷新父頁面

Question

我正試圖實現以下功能。

1. 父頁面上的鏈接將打開新的子彈出窗口。
2. 在彈出的子彈中，用戶輸入一些數據並點擊「保存」。
3. 數據將被保存到數據庫，彈出窗口將被關閉。父窗口將被刷新，並且在子彈出窗口中輸入的數據將顯示在父頁面中。

這怎麼可能（關閉子彈出窗口並刷新父頁面）在Javascript中完成？

Answer 1

在彈出的對關閉代碼/重裝：

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

Answer 2

在彈出的窗口：

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

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

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>