在彈出窗口關閉時刷新父頁面

Question

我有一個父頁面，其中添加了搜索功能。

像下面

function FunClick(StrPriCaption) {
        var StrPriHTML = "";
        if (StrPriCaption == 'AdvSearch') {
            //document.getElementById('TxtCondition').value = "AdvSearch";
            //form1.submit();
            var StrPriReturnValue = "";
            window.open('FrmInwardHdrAdvanceSearch.aspx', null, 'height=370,width=630,top=0,left=0,resizable=yes,scrollbars=yes');

        }
 }

它完美地工作。 它會打開一個彈出窗口頁面供我搜索。

但現在我想要的是，如果我關閉彈出窗口，我想刷新父頁面。

我在子頁面中嘗試使用以下代碼，但它沒有刷新父頁面。

 function CloseWindow() {
    window.close();
    window.opener.location.reload();
 }

如何使用 Javascript 執行此操作？

Answer 1

方法一

<script>
function popup() {
    var win = window.open("", "Page Title", "toolbar=no, location=no");
    win.document.body.innerHTML = '<a href="#" onclick="window.opener.location.reload();window.close();">Close Me</a>';
}
</script>
<a href="#" onclick="popup()">Open Me</a>

它創建一個帶有鏈接的彈出窗口以關閉窗口並刷新父窗口。

演示： https : //jsfiddle.net/eke4f72r/

方法二

<script>
function popup() {
    var win = window.open("", "Page Title", "toolbar=no, location=no");
    var win_timer = setInterval(function() {   
      if(win.closed) {
          window.location.reload();
          clearInterval(win_timer);
      } 
      }, 100); 
}
</script>
<a href="#" onclick="popup()">Open Me</a>

它從父窗口檢測子窗口是否關閉。 如果為真，它會重新加載頁面。

演示： https : //jsfiddle.net/gv6nmdn9/

編輯使用方法 1 時，讓您的父母打開您想要的彈出窗口，並將其添加到您的孩子中：

<a href="#" onclick="window.opener.location.reload();window.close();">Close Me</a>

Answer 2

在父頁面中檢測它：

iframe=window.open("");
iframe.onclose=function(){
 window.location="redirect";
};