window.document 是否曾经为空或未定义？

Question

我一直在对 window.document 对象进行一些研究，以确保我的 JavaScript 解决方案之一是可靠的。是否存在 window.document 对象为 null 或未定义的情况？

为了便于讨论，这里有一段不相关的示例代码。是否有任何情况下这段代码会失败（也就是抛出异常）？

$(document).ready(function() {
    var PageLoaded = (window.document.readyState === "complete");
});

Answer 1

是否存在 window.document 对象为 null 或未定义的情况？

是的，对于不在文档中的 JavaScript 代码（例如 node.js）。但是这样的代码也可能没有窗口对象（尽管它会有一个全局对象）。

对于符合 W3C DOM 的用户代理中的 HTML 文档中的代码，没有。

> Are there any situations in which this piece of code will fail (i.e. throw
> an exception)?
> 
> [snip jQuery code]

它会在哪里失败：

1. jQuery 就绪功能失败（可能至少在某些浏览器中，但不是桌面和某些移动设备流行使用的浏览器），
2. 没有window object，或者
3. 没有window.document对象

要确保代码在各种主机中工作，您可以执行以下操作：

  if (typeof window != 'undefined' && window.document &&
      window.document.readyState == whatever) {
      // do stuff
  }

这并不需要额外编写，而且可能只需要编写一次。

替代方案：

(function (global) {
  var window = global;
  if (window.document && window.document.readyState == whatever) {
    // do stuff
  }
}(this));

和

(function (global) {
  var window = global;

  function checkState() {
    if (window.document && window.document.readyState) {
      alert(window.document.readyState);
    } else {
      // analyse environment 
    }
  }
  // trivial use for demonstration
  checkState();
  setTimeout(checkState, 1000);
}(this));

Answer 2

我认为文档总是被定义的，因为浏览器向您显示的所有内容都是 html 文档，甚至是 site is not available 。另外，document 是只读属性

window.document = null; 
console.log(window.document); //Document some.html#

Answer 3

忽略 Javascript 在 Web 浏览器/用户代理之外的其他地方运行这一事实，您的 pageLoaded 测试可能会在 iframe 上失败（未经测试，但我知道它们会变得很奇怪）。

可能还有一些关于“页面加载”是什么意思的问题。您是否正在尝试查看 DOM 是否已呈现并且元素是否已准备好进行操作？或者您是否正在检查页面加载是否确实完成，其中包括加载所有其他元素，例如图形。

这个讨论可能有用： How to check if DOM is ready without a framework?

Answer 4

因为你的javascript代码必须写在html文档中，所以你的代码不能在文档外执行，换句话说，没有文档，没有javascript。