Javascript将值从弹出窗口传递到其父窗口答案

【问题标题】：Javascript Passing value from a popup window to its parent windowJavascript将值从弹出窗口传递到其父窗口
【发布时间】：2014-02-27 17:23:05
【问题描述】：

我是 javascript 新手，我被困在这里。假设我有一个父窗口，它有一个输入字段以及一个打开弹出窗口的按钮。此弹出窗口包含图像。当我单击弹出窗口上的任何图像时，我只需要将图像 URL 复制到父窗口中的输入。请提供任何帮助。谢谢

编辑：

这是我在弹出窗口中的 javascript 代码

<script type="text/javascript">
function clicked(address) {
    window.parent.document.getElementById('copy_img').value = address.src;

}
</script>

HTML

<input type="text" name="copy_img" id="copy_img" size="133" />
<img border="0" onclick="clicked(this)" src="images/1.jpg" width="135" height="46">
<img border="0" onclick="clicked(this)" src="images/2.jpg" width="128" height="48">
<img border="0" onclick="clicked(this)" src="images/3.jpg" width="305" height="44">

父窗口 HTML 代码

<input type="text" name="copy_img" id="copy_img" />

我只是无法让它工作

【问题讨论】：

我不确定这个父级是否会弹出关系！！但我认为为此，您必须使用后端来为您的父母提供价值！

标签： javascript parent-child popupwindow

【解决方案1】：

我终于明白了使用window.opener

window.opener.document.getElementById('archiveimages').value = address.src;

【讨论】：

【解决方案2】：

当用户从弹出窗口中选择图像时，使用以下语句设置输入字段的值。假设输入字段的id是'myInputField'

window.parent.document.getElementById('myInputField').value = imargeUrl;

【讨论】：

请查看我原帖中的代码。谢谢
@user2044626 抱歉刚刚看到你的编辑，很高兴它已经解决了。

【解决方案3】：

您可以使用以下方法打开一个窗口：

window.open('http://www.website.com/popup/page?var=test','Note','width=700,height=500,top=150,left=150,scrollbars=yes'

然后，当您单击弹出窗口上的链接时，您可以：

goback('http://www.website.com/page?var=testing');

【讨论】：

【解决方案4】：

window.parent.getImageURL(img.src);

弹出窗口可以通过上述方法访问它的父javascript，只需在全局范围内有一个函数（如getImageURL（））就可以工作

【讨论】：

我已经编辑了我的帖子，并包含了我使用的完整代码。你能看看吗？谢谢