javascript - 我可以从 iframe 的 JS 更改父页面 JS 中的值吗？

Question

我有一个包含 3 个 iframe 的页面，该页面加载一个包含 3 个 iframe 的 JS 文件

var stayFifty = new Boolean(false);

以及一个根据此 bool 值更改其功能的函数。

在此页面的 iframe 中，我有一个 onclick 函数定义为

toggleFifty = function() {
    parent.stayFifty = new Boolean(!(stayFifty.valueOf()));
};

添加到 img 标签

onclick="toggleFifty();"

但是当我单击 img 标签时，toggleFifty 函数似乎没有触发。我相信这与toggleFifty 函数尝试更改stayFifty 变量的方式有关。有人可以解释一下如何解决这个问题以及一些关于范围问题的信息吗？

我尝试使用 this link 中的信息但我似乎不明白一些事情。

Answer 1

当您更改 stayFifty 变量的值时，您缺少 parent:

toggleFifty = function() {
    parent.stayFifty = !parent.stayFifty;
};

顺便说一句，请注意，在使用 bool 变量时不需要使用 bool 构造函数，并且在声明时可以简单地使用 Boolean literals :

// on your parent page
var stayFifty = false;