javascript - 从 iframe 在父窗口中设置变量

Question

我有一个带有嵌入式 iframe 的父文档。在 iframe 中我有一个上传字段。一旦用户选择要上传的文件，我就会触发一个 jQuery 更改事件。在那个事件中，我想将父窗口中的一个变量设置为 true，以便父窗口知道上传已经开始。

有人知道怎么做吗？

正在尝试这个，但没有成功:

var test;
$("#newsletter_email").change(function() {
  parent.window.test = true;

});

$('#send').click(function() {
    if (test) {
        alert('File has been uploaded!');
    } else {
        alert('You need to upload a file');
    }
});

Answer 1

全局范围内的变量自动公开为包含它们的 window 对象的 DOM 属性。

这意味着

var foo = 'bar';

类似于

window.foo = 'bar';

这意味着您可以读取您可以获得引用的任何 window 对象的全局范围。我们在这里还可以暗示的是，window 的用法是隐含的。即使您没有明确键入“window.”，它仍然存在。

并且由于框架本身也自动公开为当前window对象的DOM属性，这意味着您可以访问任何其他框架的window 对象也是如此。

window 对象的 parent 属性持有该窗口父级(如果有的话)的 window 对象的引用。因为 iframe 肯定有一个父窗口，所以我刚刚输入的所有这些东西都归结为这个

// set the global variable 'foo' in the parent global scope
parent.foo = 'bar';