Question

所以我有一个带有iframe的页面index.html：

<iframe src="iframe1.html" width="500" height="400"></iframe>

在iframe1.html我有另一个嵌套的iframe：

<iframe src="iframe2.html" width="500" height="400"></iframe>

在iframe2.html我有这段代码：

<script>
window.onload = function() {
    document.getElementById('change-color').onclick = function() {
        window.parent.document.body.style.backgroundColor = "red";
        return false;
    };
}
</script>

<a href="" id="change-color">Change Color</a>

点击＆＃34;更改颜色＆＃34;现在会发生什么？链接是iframe的父页面iframe1.html获得红色背景颜色。相反，我希望父母的父页面index.html得到颜色变化。如何访问？

Answer 1

使用window.parent.parent获取祖父母窗口。所以你想要：

window.parent.parent.document.body.style.backgroundColor = "red";

如果你想要最顶级的父母，无论你有多少级别，你都可以使用window.top。参见

Find most upper parent window with javascript

如何使用JavaScript获取父iframe的父iframe？

1 个答案: