深入浅出掌握浏览器对象模型，揭秘BOM与DOM的奥秘

浏览器对象模型（BOM）是用于浏览器窗口、文档和它们的相互关系的模型，它提供了一个独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的属性或方法。

1. 窗口对象（Window）

窗口对象是BOM的核心对象，它代表浏览器窗口本身，并提供了许多属性和方法来控制和操作浏览器窗口。这些属性和方法包括：

• window.location ：表示当前窗口的URL。
• window.history ：表示当前窗口的浏览历史记录。
• window.navigator ：表示当前窗口的浏览器信息，如名称、版本和语言。
• window.screen ：表示当前窗口的屏幕信息，如分辨率、像素深度和颜色深度。

2. 文档对象（Document）

文档对象表示当前窗口中加载的HTML文档，它提供了许多属性和方法来访问和操作文档内容。这些属性和方法包括：

• document.documentElement ：表示文档的根元素，通常是元素。
• document.body ：表示文档的主体部分，通常是元素。
• document.head ：表示文档的头部部分，通常是元素。
• document.title ：表示文档的标题。
• document.URL ：表示文档的URL。

3. 历史对象（History）

历史对象表示当前窗口的浏览历史记录，它提供了许多属性和方法来访问和操作历史记录。这些属性和方法包括：

• history.length ：表示历史记录中的条目数。
• history.back() ：将当前窗口后退到上一个历史记录条目。
• history.forward() ：将当前窗口前进到下一个历史记录条目。
• history.go(n) ：将当前窗口前进或后退n个历史记录条目。

4. 导航对象（Navigator）

导航对象表示当前窗口的浏览器信息，它提供了许多属性和方法来访问和操作浏览器信息。这些属性和方法包括：

• navigator.userAgent ：表示浏览器的名称和版本。
• navigator.language ：表示浏览器的语言。
• navigator.platform ：表示浏览器的平台。
• navigator.appName ：表示浏览器的名称。
• navigator.appVersion ：表示浏览器的版本。

5. 屏幕对象（Screen）

屏幕对象表示当前窗口的屏幕信息，它提供了许多属性和方法来访问和操作屏幕信息。这些属性和方法包括：

• screen.width ：表示屏幕的宽度。
• screen.height ：表示屏幕的高度。
• screen.pixelDepth ：表示屏幕的像素深度。
• screen.colorDepth ：表示屏幕的颜色深度。

6. 位置对象（Location）

位置对象表示当前窗口的URL，它提供了许多属性和方法来访问和操作URL。这些属性和方法包括：

• location.href ：表示当前窗口的URL。
• location.protocol ：表示当前窗口的URL协议。
• location.host ：表示当前窗口的URL主机名。
• location.pathname ：表示当前窗口的URL路径名。
• location.search ：表示当前窗口的URL查询字符串。

7. 检测对象（Detector）

检测对象表示当前窗口的检测信息，它提供了许多属性和方法来访问和操作检测信息。这些属性和方法包括：

• detector.plugins ：表示当前窗口的插件列表。
• detector.mimeTypes ：表示当前窗口的MIME类型列表。
• detector.javaEnabled ：表示当前窗口是否启用了Java。
• detector.activeXEnabled ：表示当前窗口是否启用了ActiveX。

8. 打印对象（Print）

打印对象表示当前窗口的打印信息，它提供了许多属性和方法来访问和操作打印信息。这些属性和方法包括：

• print.preview() ：预览当前窗口的打印输出。
• print.print() ：打印当前窗口的打印输出。

9. 应用程序缓存对象（ApplicationCache）

应用程序缓存对象表示当前窗口的应用程序缓存，它提供了许多属性和方法来访问和操作应用程序缓存。这些属性和方法包括：

• applicationCache.status ：表示应用程序缓存的状态。
• applicationCache.update() ：更新应用程序缓存。

10. cookie对象（Cookie）

cookie对象表示当前窗口的cookie，它提供了许多属性和方法来访问和操作cookie。这些属性和方法包括：

• cookie.name ：表示cookie的名称。
• cookie.value ：表示cookie的值。
• cookie.domain ：表示cookie的作用域。
• cookie.path ：表示cookie的路径。
• cookie.expires ：表示cookie的到期时间。

11. 自定义事件对象（CustomEvent）

自定义事件对象表示当前窗口的自定义事件，它提供了许多属性和方法来访问和操作自定义事件。这些属性和方法包括：

• customEvent.type ：表示自定义事件的类型。
• customEvent.detail ：表示自定义事件的详细信息。
• customEvent.bubbles ：表示自定义事件是否冒泡。
• customEvent.cancelable ：表示自定义事件是否可取消。

12. 上下文菜单对象（ContextMenu）

上下文菜单对象表示当前窗口的上下文菜单，它提供了许多属性和方法来访问和操作上下文菜单。这些属性和方法包括：

• contextMenu.show() ：显示上下文菜单。
• contextMenu.hide() ：隐藏上下文菜单。