本文共 1127 字，大约阅读时间需要 3 分钟。

BOM与浏览器对象模型

一、什么是BOM？

BOM（Browser Object Model，浏览器对象模型）是JavaScript为浏览器提供的一组对象和API，用于与浏览器交互和操作。这些对象包括document、history、location、window等，涵盖了浏览器的各个方面功能。

二、BOM的结构

BOM的核心是document对象，它代表整个网页内容。所有与网页操作相关的功能都从document对象展开。BOM的结构可以看作是window对象的子对象，window是最顶级的对象，其他功能对象如history、location都属于window的属性。

三、document对象

document对象是BOM中最重要的对象，它表示当前网页的内容。通过document对象，可以对网页内容进行操作，如查询、修改、添加、删除等。document对象还包含诸如title、head、body等属性，用于获取和操作页面结构。

四、history对象

history对象记录浏览器的访问路径。它可以用来实现前进和后退功能。history对象的主要方法包括：

• back()：后退到上一个访问记录。
• forward()：前进到下一个访问记录。

通过history对象，可以在网页中实现无刷新页面的导航效果，满足用户在数据提交失败时的页面回退需求。

五、location对象

location对象用于控制浏览器当前窗口的位置。它的主要功能包括：

• 使用reload()方法刷新当前页面。
• 通过location.href属性指定目标URL，实现页面跳转。

location对象在网页开发中广泛应用，用于动态实现页面跳转和刷新。

六、window对象

window对象是BOM的根对象，所有其他对象如document、history、location都属于window的属性。window对象提供了与浏览器交互的基本功能，包括：

• 弹框功能：window.alert()、window.confirm()、window.prompt()。
• 计时器功能：window.setTimeout()、window.setInterval()。

七、window对象的应用实例

• 弹框：通过window.alert()可以实现信息提示，window.confirm()用于获取用户确认结果，window.prompt()可以获取用户输入。
• 计时器：window.setTimeout()用于执行一次性延迟操作，window.setInterval()用于执行定期重复操作。

通过合理运用window对象的方法，可以实现多种交互效果，如自动弹出提示信息、定时刷新页面等。