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() | 后退 | |