title: QD1-P59~74（1）BOM（浏览器对象模型）介绍
description: 介绍 BOM（浏览器对象模型）
video: 无
subject：前端学习笔记 1
BOM（Browser Object Model）是浏览器对象模型，允许JavaScript与浏览器进行交互。
BOM关键知识点：
- 窗口对象（window）：全局对象，代表浏览器窗口，提供方法和属性，如
alert(),setTimeout(), 和location。 - 文档对象（document）：表示网页的内容，允许访问和修改 HTML 和 CSS，常用方法包括
getElementById(),querySelector(), 和createElement()。 - 历史对象（history）：提供对浏览器历史记录的访问，使用
history.back(),history.forward(), 和history.go()。 - 位置对象（location）：包含当前文档的 URL，允许获取和修改 URL，常用属性包括
href,protocol,hostname。 - 定时器：使用
setTimeout() 和setInterval() 控制时间相关的操作。 - 事件处理：通过事件监听器（如
addEventListener()）响应用户的交互。 - 屏幕对象（screen）：提供有关用户屏幕的信息，如分辨率和可用的屏幕宽高。
这些知识点是使用 JavaScript 与浏览器交互的基础，接下来将学习这些知识点，并创建动态和互动的网页应用。