window.opener无法正常工作

Question

我正在开发一个通过单击父窗口上的图像来打开弹出子窗口的网页。

我想将值从子窗口的文本框中传递到父窗口的文本框中。

我找到了关于该主题的教程，并遵循了他的方法。 http://www.plus2net.com/javascript_tutorial/window-child3-demo.php但是它对我没有用。

$(document).ready(function(){
  $("#myImg").click(function(){   
    var win1=window.open("popupWindows/p1.html","myWindow"," top=500, left=500, width=500,height=500");
    });
});

^这将打开子窗口。

function childWindowFunction()
{
opener.document.getElementById("parentTextBox").value=document.getElementById("userInput").value;
//alert(document.getElementById("userInput").value); <-- this works
//alert(opener.document.getElementById("parentTextBox").value); <-- not working at all
close();
}

^这将从子窗口执行。

这是可执行代码。 https://www.dropbox.com/s/83hwyhbz7u4nuie/sandbox.7z

我猜想opener.document.getElementById("parentTextBox").value无法正常工作。 有人可以告诉我怎么了吗？ 谢谢！

---

忽略上面的代码。 我为此创建了一个jsfiddle。 jsfiddle.net/yuyhero/6FKVM/1

我想使用弹出窗口中的按钮来执行任务，而不是使用父窗口中的获取值按钮。

现在，弹出窗口中的按钮根本不起作用。

谢谢你的帮助！

Answer 1

想象一下，使用window.open创建“ myWindow”，然后从“ myWindow”内部使用window.open创建“ windowTheSequel”。

现在，您有两个“打开器”，例如原始浏览器窗口和“ myWindow”。 因此，如果没有子项（myWindow）作为参考，打开器将不知道要参考哪个窗口。

因此，以myWindow.opener...开始这一行，您应该一切顺利。