【04】WebAPI

WebAPI

和标准库不同，WebAPI 是浏览器提供的一套 API，用于操作浏览器窗口和界面

WebAPI 中包含两个部分：

• BOM：Browser Object Model，浏览器模型，提供和浏览器相关的操作
• DOM：Document Object Model，文档模型，提供和页面相关的操作

BOM

BOM 提供了一系列的对象和函数，提供和浏览器本身相关的操作

window

全局对象

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/window

API	含义	备注
open()	打开一个新的浏览器窗口	返回新窗口的 window 对象
close()	关闭浏览器窗口	只能关闭使用 open 打开的浏览器窗口
==setTimeout()==	设置一个计时器 在一段时间后自动执行某个函数	参数 1：函数，无参，this 指向 window 参数 2：时间，毫秒 返回：计时器的 ID
==clearTimeout()==	清除指定 ID 的计时器	传入计时器的 ID
==setInterval()==	设置一个计时器 每隔一段时间自动执行某个函数	参数 1：函数，无参，this 指向 window 参数 2：时间，毫秒 返回：计时器的 ID
==clearInterval()==	清除指定 ID 的计时器	传入计时器的 ID
alert()	弹出提示框	不同的操作系统外观有差异
confirm()	弹出确认框	不同的操作系统外观有差异

window.location

https://developer.mozilla.org/zh-CN/docs/Web/API/Location

提供地址栏的相关操作

API	含义	备注
==Location.href==	获取或设置页面当前地址	设置地址回导致页面跳转
Location.protocol	获取或设置地址中的协议部分
Location.host	获取或设置地址中的主机名和端口号
Location.hostname	获取或设置地址中的主机名
Location.port	获取或设置地址中的端口号
Location.pathname	获取或设置地址中的路径部分
Location.search	获取或设置地址中的参数部分
Location.hash	获取或设置地址中的 hash 部分
Location.reload()	刷新页面

window.history

https://developer.mozilla.org/zh-CN/docs/Web/API/History

提供当前窗口历史记录的操作

API	含义	备注
History.back()	后退