JavaScript —— BOM

Posted 2021-06-10 lime2019

浏览器对象模型

• 1. BOM简介
• 2. BOM对象
• 3. Window对象
• 4. Navigator对象
• 5. Screen对象
• 6. Location对象
• 7. History对象

1. BOM简介

BOM（Browser Object Model，浏览器对象模型）是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。

BOM并没有相关标准，每一个浏览器都有自己对BOM的实现方式。

2. BOM对象

3. Window对象

4. Navigator对象

常见API：

# 获取浏览器UA
navigator.userAgent

5. Screen对象

常见API：

# 获取屏幕宽度
screen.width
# 获取屏幕高度
screen.height

6. Location对象

常见API：

# 返回当前页面的herf（URL）
location.href
# 返回使用的WEB协议
location.protocol
# 返回WEB主机域名
location.host
# 返回查询参数
location.search
# 返回hash
location.hash
# 返回当前页面路径
location.pathname

7. History对象

常见API：

# 加载历史列表中前一个 URL
history.back()
# 加载历史列表中下一个 URL
history.forward()