12 其他BOM对象

09 其他BOM对象

在 JavaScript 中，BOM（Browser Object Model，浏览器对象模型）是浏览器提供的一个对象集合，用于操作浏览器窗口和其中的内容。除了 location 对象外，BOM 还包括以下一些重要的对象：

1. window 对象

• 描述：window 对象是浏览器的顶级对象，表示浏览器窗口本身。它是全局对象，在浏览器中，全局作用域中的变量和函数都属于 window 对象。
• 常用属性和方法：
  • document：获取当前窗口的文档对象。
  • navigator：获取浏览器信息。
  • screen：获取屏幕信息。
  • history：获取浏览器历史记录。
  • alert()、confirm()、prompt()：弹出对话框的方法。

2. document 对象

• 描述：document 对象表示当前加载的 HTML 文档，是 window 对象的子对象。
• 常用属性和方法：
  • getElementById(id)：通过元素的 ID 获取元素。
  • getElementsByClassName(className)：通过类名获取元素集合。
  • querySelector(selector)、querySelectorAll(selector)：通过 CSS 选择器获取元素或元素集合。
  • createElement(tagName)：创建一个新的元素。

3. navigator 对象

• 描述：navigator 对象提供了关于浏览器的信息。
• 常用属性：
  • userAgent：浏览器的用户代理字符串，包含浏览器的名称、版本等信息。
  • platform：浏览器所在的平台（如 Windows、Mac 等）。

4. screen 对象

• 描述：screen 对象提供了关于用户屏幕的信息。
• 常用属性：
  • width、height：屏幕的宽度和高度。

5. history 对象

• 描述：history 对象提供了浏览器历史记录的操作方法。
• 常用方法：
  • back()：后退到浏览器历史记录中的上一个页面。
  • forward()：前进到浏览器历史记录中的下一个页面。
    这些对象共同构成了浏览器对象模型，使得开发者可以通过 JavaScript 对浏览器窗口和文档进行各种操作和交互。