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

Access parent object in JavaScript from iFrame/Window

本文关键字:对象 JavaScript 访问 iFrame Window      更新时间:2023-09-26

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

<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

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

window.opener.events_data

查看MDN上的window.opener

选项2

您的代码表明您正在使用iframe。在iframe中,只需使用parent:

parent.events_data;

查看MDN上的window.parent


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

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