13、JavaScript中DOM对象的使用与结构解析

JavaScript中DOM对象的使用与结构解析

1. 使用window对象

在处理浏览器和文档时，JavaScript借助DOM（文档对象模型）中的父子对象层次结构。这些对象以树状结构组织，代表了网页文档的所有内容、组件以及渲染该文档的浏览器。需要注意的是，DOM并非JavaScript或其他编程语言的一部分，而是内置于浏览器的API（应用程序编程接口）。

DOM中的对象具有描述浏览器或文档的属性，以及用于操作浏览器或文档部分内容的方法（即内置代码）。随着深入学习，我们会更了解这些属性和方法，并进行引用和使用的实践。

在引用DOM对象时，我们使用父对象名后跟子对象名，中间用点号分隔。例如，要引用浏览器中加载的特定图像（它是document对象的子对象，而document对象又是DOM中window对象的子对象），若图像名为 logo_image ，则DOM对象表示法为： window.document.logo_image 。

window对象位于浏览器对象层次结构的顶部，代表浏览器窗口。我们已经使用过window对象的一个方法—— alert() ，它用于在警告框中显示消息。

用户可能同时打开多个窗口，每个窗口都有自己独特的window对象，因为每个窗口可能加载不同的文档。即使同一文档加载到两个或更多窗口中，它们也被视为不同的window对象，因为它们实际上是浏览器的不同实例。不过，在JavaScript中引用 window.document （或仅使用 document ，因为windo