如何从 Document 对象获取 Window 对象？

Question

我可以获取 window.document 但如何获取 document.window？我需要知道如何在所有浏览器中执行此操作。

Answer 1

您可以使用 document.defaultView< /a> 如果您确定它是一个窗口并且可以跳过 IE 9 之前的 Microsoft 浏览器。

Answer 2

跨浏览器解决方案很复杂，dojo 是这样实现的（来自 window.js::get()）：

// In some IE versions (at least 6.0), document.parentWindow does not return a
// reference to the real window object (maybe a copy), so we must fix it as well
// We use IE specific execScript to attach the real window reference to
// document._parentWindow for later use
if(has("ie") && window !== document.parentWindow){
    /*
    In IE 6, only the variable "window" can be used to connect events (others
    may be only copies).
    */
    doc.parentWindow.execScript("document._parentWindow = window;", "Javascript");
    //to prevent memory leak, unset it after use
    //another possibility is to add an onUnload handler which seems overkill to me (liucougar)
    var win = doc._parentWindow;
    doc._parentWindow = null;
    return win; //  Window
}

return doc.parentWindow || doc.defaultView; //  Window

has("ie") 对于 IE 返回 true（否则返回 false）

Answer 3

嗯，这是我采用的解决方案。它有效，但我讨厌它。

getScope : function(element) {
    var iframes = top.$('iframe');
    var iframe = iframes.find(function(element, i) {
        return top[i.id] ? top[i.id].document == element.ownerDocument : false;
    }.bind(this, element));
    return iframe ? top[iframe.id] : top;
}   

Answer 4

我选择从 @angular/platform-b​​rowser 注入 DOCUMENT 令牌：

import { DOCUMENT } from '@angular/platform-browser'

然后访问父级：

constructor(@Inject(DOCUMENT) private document: any) {
}

public ngOnInit() {
  // this.document.defaultView || this.document.parentWindow;
}

Answer 5

首先我们要明确一点。当您使用框架、iframe 和多个窗口时，这种事情通常是必要的，因此，如果您所处理的只是另一个文档，那么“窗口只是全局对象”是一个令人不满意的答案窗口比您所在的窗口要大。

第二，不幸的是没有直接方法来获取窗口对象。有间接的方法。

使用的主要机制是window.name。当从某个父窗口创建窗口或框架时，通常可以给它一个唯一的名称。该窗口内的任何脚本都可以获取 window.name。窗口外部的任何脚本都可以获取其所有子窗口的 window.name 。

要获得更具体的信息，需要更多有关具体情况的信息。然而，在任何情况下，子脚本可以与父脚本通信，反之亦然，它们总是可以通过名称来识别彼此，这通常就足够了。

Answer 6

Window 对象是 JavaScript 层次结构中的顶级对象，因此只需引用它即可作为窗口

编辑：
推广 JS 工作之前的原始答案。 Mozilla 开发者网络上的 JavaScript 技术概述 说道：

在浏览器环境中，这个全局对象就是window对象。

编辑2：
在阅读了作者对他的问题的评论（并获得了反对票）后，这似乎与 iframe 的文档窗口有关。看看 window.parent 和 window.top 并可能比较它们以推断您的文档窗口。

if (window.parent != window.top) {
  // we're deeper than one down
}