JavaScriptBOM对象的复习

avaScript BOM 对象

简介

BOM（Browser Object Model），即浏览器对象模型，提供了与浏览器交互的对象，如窗口（Window）、导航器（Navigator）、位置（Location）、历史记录（History）等。通过这些对象，我们可以实现与浏览器窗口的各种互动，例如获取窗口尺寸、滚动位置、屏幕信息、浏览器信息等，并能够执行弹窗、跳转页面、执行定时任务等功能操作。

窗口对象（Window）

窗口对象是与浏览器窗口直接相关联的对象。它的主要属性包括：

• innerWidth / innerHeight: 获取浏览器窗口的宽度和高度。
• scrollX / scrollY: 获取浏览器窗口的滚动条位置。
• open: 打开一个新窗口。
• close: 关闭当前窗口。
• moveTo / moveBy: 改变窗口的位置。
• resizeTo / resizeBy: 改变窗口的大小。
• scrollTo / scrollBy: 改变窗口的滚动位置。

导航器对象（Navigator）

导航器对象提供了有关浏览器及其环境的信息。它的主要属性包括：

• appName: 浏览器的名称。
• appVersion: 浏览器的版本。
• platform: 运行浏览器的操作系统平台。

位置对象（Location）

位置对象包含了当前页面的URL信息。它的主要属性包括：

• href: 当前页面的URL。
• protocol: 当前URL的协议。
• host: 当前URL的主机名和端口号。
• pathname: 当前URL的路径。
• search: 从问号开始的URL查询字符串。

历史记录对象（History）

历史记录对象允许你浏览浏览器的历史记录。它的主要方法包括：

• back: 返回历史记录中的前一页。
• forward: 前进到历史记录中的下一页。
• go: 跳转到历史记录中的特定页面。

屏幕对象（Screen）

屏幕对象提供了有关用户屏幕的信息。它的主要属性包括：

• width: 显示器的宽度。
• height: 显示器的身高。
• availWidth: 可用屏幕的宽度（除去任务栏）。
• availHeight: 可用屏幕的高度（除去任务bar）。

事件处理

除了上述对象外，BOM还允许我们监听和响应各种事件，如点击（click）、滚动（scroll）、resize（resize）等。