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

Question

我有一个包含3个iframe的页面，此页面加载了一个

的JS文件

var stayFifty = new Boolean(false);

和一个根据此布尔值更改其功能的函数。

在本页的iframe中，我有一个定义为

的onclick函数

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

使用

添加到img标记中

onclick="toggleFifty();"

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

我尝试使用来自this link的信息，但似乎我不理解某些内容。

Answer 1

更改parent变量的值时，您遗漏了stayFifty：

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

BTW，请注意在使用布尔变量时不需要使用布尔构造函数，并且在声明时只需使用Boolean literals：

// on your parent page
var stayFifty = false;