文档和窗口对象之间的差异

在编写 JavaScript 程序时，我们经常会涉及到文档和窗口对象。虽然这两个对象在某些方面表现相似，但它们也具有很大的差异。接下来我们就来一起探讨一下这些差异。

文档对象

文档对象是指网页中的文档。它是一个包含 HTML 标记并被浏览器解释的文件。文档对象的主要作用是允许 JavaScript 与网页元素进行交互。我们可以使用文档对象来进行各种操作，比如修改元素内容、添加或删除元素等。

获取文档对象

我们可以通过全局变量 document 获取文档对象。例如：

var myDocument = document; // 获取文档对象

文档对象的常用方法和属性

文档对象提供了很多方法和属性，这里只介绍一些比较常用的。更详细的信息可以查看文档对象参考手册。

方法

• getElementById(id) ：根据元素的 id 获取该元素。
• getElementsByClassName(className) ：根据元素的 class 名称获取该元素。
• getElementsByTagName(tagName) ：根据元素的标签名获取该元素。
• createElement(tagName) ：创建一个指定的元素节点。
• appendChild(node) ：将一个节点添加到父节点的子节点列表中。
• ...

属性

• title ：文档的标题。
• URL ：文档的地址。
• body ：文档的 body 元素。

窗口对象

窗口对象代表了浏览器的一个窗口或一个选项卡。窗口对象包括了所有的框架、窗口和对话框等。窗口对象的主要作用是提供对浏览器窗口的控制，比如调整窗口大小、打开新窗口等。我们也可以通过窗口对象来访问文档对象。

获取窗口对象

我们可以通过全局变量 window 获取窗口对象。例如：

var myWindow = window; // 获取窗口对象

窗口对象的常用方法和属性

窗口对象也提供了很多方法和属性，这里只介绍一些比较常用的。更详细的信息可以查看窗口对象参考手册。

方法

• open(url) ：在一个新的浏览器窗口中打开指定的 URL。
• close() ：关闭当前打开的窗口。
• setTimeout(function, milliseconds) ：在指定的毫秒之后执行代码。
• ...

属性

• innerWidth ：窗口的内部宽度（不包含工具栏和滚动条等）。
• innerHeight ：窗口的内部高度（不包含工具栏和滚动条等）。
• document ：窗口中当前显示的文档对象。

总结

虽然文档对象和窗口对象有很多不同之处，但它们也有相似之处。它们都是 JavaScript 引擎暴露出来的全局变量，可以通过它们来操作网页元素和控制浏览器窗口。如果你想在网页中实现一些复杂的功能，了解这些对象的使用方法将是非常有帮助的。