BOM 为浏览器窗口对象的一组 API。
BOM 结构图
主要属性
navigator
按键F12打开控制台,输入navigator.userAgent,即可看到浏览器信息。因此可以通过 userAgent 判断浏览器。
location
代表浏览器的定位和导航。可以使用 location 来操作 URL 中的各个部分。最常用的有 href 属性,当前访问资源的完整路径。
方法
- assign(url) 载入新的 url,记录浏览记录
- replace(url) 载入新的 url 不记录浏览记录
- reload() 重新载入当前页
history
浏览器当前窗口的浏览历史。
History {length: 2, scrollRestoration: "auto", state: {…}}
方法
- back(int) 后退
- forward(int) 前进
- go(int) 正数向前,附属向后
screen
其中包含屏幕信息。其中 avil- 开头的属性为可用属性,其余则为显示器设备属性。
Screen {availWidth: 1600, availHeight: 860, width: 1600, height: 900, colorDepth: 24, …}