JavaScript 窗口对象

Question

在 JavaScript 中，假设我们有一个主页 (main.html)，其中包含 (iframe.html)。

现在在这个 iframe.html 中，如果我们需要引用主页上的某些内容（main.html），我们是否可以不只指定 window > 而不是 parent.window。

如果答案是我们需要编写 parent.window，我想了解是否没有一个 window 对象引用用于主页中的所有 iframe

...我确实明白 document 是特定于各个 iframe 的，但是 window 应该是所有人通用的......不是吗......请帮助我理解这个概念......

还有 window.parent 吗？如果是，它与 parent.window 有什么不同？

Answer 1

iframe（和 frame）是它们自己的窗口，即使在 iframe 的情况下，它们看起来像是主文档的窗口。所以是的，要引用主文档的窗口，他们会使用 parent （或者 window.parent 如果你想要详细但清晰），因为它们是分开的对象。这是部分必要的，因为 document 中的许多内容最终都会作为包含的 window 上的属性。

如果您仔细考虑一下，就会发现这是有道理的：iframe 的目的是在页面中嵌入独立来源的内容。如果主页及其上的 iframe 共享一个 window 对象，那么它们将共享全局上下文，并且很可能会相互冲突。

免费现场示例：

父级的 HTML：

<p>I'm the parent window</p>
<iframe width="500" height="500" src="http://jsbin.com/iyogir"></iframe>

父级的 JavaScript：

function foo() {
  display("<code>foo</code> called!");
}
function display(msg) {
  var p = document.createElement('p');
  p.innerHTML = msg;
  document.body.appendChild(p);
}

子级的 HTML：

<p>I'm in the frame</p>
<input type='button' id='theButton' value='Click Me'>

子级的 JavaScript：

window.onload = function() {

  document.getElementById('theButton').onclick = function() {
    var p = window.parent;
    if (!p) {
      display("Can't find parent window");
    }
    else if (typeof p.foo !== "function") {
      display("Found parent window, but can't find <code>foo</code> function on it");
    }
    else {
      display("Calling parent window's <code>foo</code> function.");
      p.foo();
    }
  };

  function display(msg) {
    var p = document.createElement('p');
    p.innerHTML = msg;
    document.body.appendChild(p);
  }

};

Answer 2

窗口 的概念与文档 相关：每个文档 有一个窗口，并且有一个文档 每个窗口。

这意味着 元素有自己的 document，也有自己的 window，就像弹出窗口或主导航窗口。

因此，您确实必须使用 window.parent 来访问 元素的容器，就像必须使用 window.opener 一样 访问弹出窗口的所有者。

编辑： window.parent 和 parent.window 都是返回相同对象的有效表达式。这是因为 window 对象是脚本中的默认上下文（非限定名称被解析为 window 的成员），并且 window code> 对象有一个引用自身的 window 属性。

因此，parent.window 被评估为 window.parent.window，它与 window.parent 是同一对象。

也就是说，我确实更喜欢使用 window.parent，以避免与额外属性访问相关的（最小）开销。