javascript - 如何将值从子页面发送到父页面

Question

我有一个名为 parent.html 的页面。我从那里调用模式对话框 child.html。我在 child.html 中有一个链接按钮来关闭模式对话框。同时我想将值从 child.html 传递给 parent.html。

如何将值从子页面发送到父页面？

Answer 1

如果您的子页面 (child.html) 位于与父页面相同的域，您可以从 child.html 调用父窗口的函数。

在子页面 (child.html) 中:

<a href="..." onclick="parent.callFromChildPage('ABC')">Button Title</a>

并且，在父页面 (parent.html) 中:

<script language="javascript">
function callFromChildPage(a_value){
    alert("A value from child window is :" + a_value); // 'ABC'
}
</script>

另外，如果您可以在子页面(child.html)中使用jQuery，您可以直接设置‖父页面的元素，如下所示:

<a href="..." onclick="$('#test', window.parent.document).html('ABC');">Button Title</a>