从iFrame / Window访问JavaScript中的父对象

时间:2012-03-19 16:48:53

标签: javascript iframe parent-child

如何访问子窗口中父窗口中定义的全局对象或数组。

<script>
    var events_data;
    function function_to_fill_events_data () {
      .
      .
      .
    }
</script>

<div>
    <div><iframe src="mini.php" width:100%; height: 100%;" scrolling="no"></iframe> </div>
</div>

当我在迷你文档中时,我希望能够在javascript函数中访问events_data变量。

1 个答案:

答案 0 :(得分:9)

选项1

您的标题提到了一个儿童窗口。如果你有一个子窗口而不是iframe,请使用:

window.opener.events_data

查看window.opener on MDN

选项2

您的代码表明您使用的是iframe。从iframe中,只需使用parent

parent.events_data;

查看window.parent on MDN


window.opener - 返回对打开当前窗口的窗口的引用。

window.parent - 在,或中加载窗口时,其父窗口是嵌入窗口的元素的窗口。