使用javascript返回父窗口

Question

我從父窗口彈出一個子窗口。現在，在子窗口中，我有一個html表單，用戶將填寫並提交並請求將在服務器站點上運行。現在，我希望響應此請求重定向到父窗口和我的孩子窗口自動關閉了。希望我很清楚。 如果沒有讓我知道。 先感謝您。

Answer 1

如果使用window.open創建彈出窗口，則彈出窗口可以使用window.opener訪問打開窗口。

在主窗口中，您必須創建一個函數來從彈出窗口接收數據，如下所示：

window.receiveDataFromPopup = function(data) {
    // do things with data.
};

然后在彈出窗口中，您可以在開啟器上調用該函數，如下所示：

window.opener.receiveDataFromPopup(data);

要關閉窗口，只需使用

window.close();

Answer 2

基本上邏輯可以是：

您的響應返回一個頁面，其中包含一個hidden-div，其中包含您要顯示的消息（使用CSS set display:none;隱藏）
返回的子頁面還包含一些JavaScript，它們在父窗口中填充DIV內容， parent/* or opener */.document.getElementById(...).innerHTML = ...;
或調用父項上的函數告訴它它現在已經完成，如window.opener/*or parent*/.formIsComplete(); 其中formIsComplete()是父文檔/窗口中的JavaScript函數。
子窗口上JavaScript的最后一行將自行關閉，就像window.close(); 。

Answer 3

<script type='text/javascript'>
  window.opener.location.reload();    
  window.close();
</script>

Answer 4

有一種方法可以從子窗口訪問父窗口。 它是

window.opener //use window.opener to access the parent window.

所以在子窗口中，一旦表單提交完成，只需調用即可

window.opener.yourFunc() //Your func is a function on parent. Call this from the child.

調用此函數后，使用關閉子窗口

window.close();