如何在Javascript中使用window.open將值從子窗口返回到父窗口？

Question

我有一個父窗口，我使用 window.open 打開子窗口，如下所示。 我想從子窗口獲取一個布爾值，在此基礎上我將在父窗口中執行我的任務。

function openChildWin() 
{   
    var childWin = window.open("childWin.html", "_blank", "height=400, width=550, status=yes, toolbar=no, menubar=no, location=no,addressbar=no); 
    if (childWin)
    {
        //some logic
    }
    else
    {
        //some logic
    }
} 

**childWin.html**



 <!DOCTYPE html>
    <html lang="en">
      <head>

        <script type="text/javascript">

            function OKClicked()
            {
                //return true; //I want to return true here
                            window.close(); //Close this child window  
            }

        </script>

      </head>
      <body>
        <button type="button" id="OKButton" onclick="OKClicked()">Click ME</button>
      </body>
     </html>

單擊按鈕時，我想從這里返回 true。 但這一切對我都不起作用。 我在這里缺少語法嗎？

Answer 1

你可以這樣做：

在父級：

function openChildWin() {   
    var childWin = window.open("childWin.html", "_blank", "height=400, width=550, status=yes, toolbar=no, menubar=no, location=no,addressbar=no"); 
}
function setValue(val1) {
   // do your logic here
}

在彈出窗口中：

function OKClicked() {
    window.opener.setValue(true);
}

Answer 2

使用下面的代碼並將 test 替換為您的元素 ID。

var parentDoc = window.opener.document;
parentDoc.getElementById("test").value = document.getElementById("test").value;

Answer 3

您可以使用window.opener.postMessage() ：

在父母中：

window.onmessage = function(m) {

  if(m.data) {
    // logic if 'OK' in child clicked
  }

}

在孩子：

function OKClicked() {
  window.opener.postMessage(true, '*');
  window.close(); 
}

如何在Javascript中使用window.open將值從子窗口返回到父窗口？

問題描述

3 個解決方案

解決方案1
16 已采納 2014-04-02 04:18:29

解決方案2
2 2019-12-02 05:29:36

解決方案3
0 2021-10-21 15:55:57

如何在Javascript中使用window.open將值從子窗口返回到父窗口？

問題描述

3 個解決方案

解決方案1 16 已采納 2014-04-02 04:18:29

解決方案2 2 2019-12-02 05:29:36

解決方案3 0 2021-10-21 15:55:57

解決方案1
16 已采納 2014-04-02 04:18:29

解決方案2
2 2019-12-02 05:29:36

解決方案3
0 2021-10-21 15:55:57