BOM对象

浏览器窗口 window

• window中有个top对象代表的是window的自身

• window.open() 打开新窗口

  • 第一个参数： url 网址

  • 第二个参数： name a标签的target属性（默认值_blank）

  • 第三个参数： Features 设置新窗口位置与大小（窗中窗）

  • 第四个参数： replace 是否替换当前历史记录（一般不传）true：替换 false：不替换

• window.close() 关闭窗口

• window.onload : 页面dom树 + 外部资源 加载完毕

• window.onbeforeunload : 页面关闭之前执行

• window.onunload : 页面正在关闭

网址栏 location

• protocol   ————   location.protocol 协议 http https

• hostname   ————   location.hostname 主机名 ip 域名

• href   ————    location.href 完整网址

• search   ————   location.search 参数

• assign()   ————   location.assign() 跳转网页 跳转可以返回

• replace()   ————   location.replace() 替换网页 替换无法返回

• reload()   ————   location.reload() 刷新网页 没有参数

历史记录 history

• length   ————   history.length 返回浏览器历史列表中的URL数量

• back()   ————  history.back() 加载history 列表中的前一个URL 回退上一页

• forward()   ————  history.forward() 加载history列表中的下一个URL 下一页

• go()   ————  history.go() 加载history列表中的某个具体页面 跳转指定历史记录

  • 正数为后退一页 history.go(1) 下一页

  • 负数为前进一页 history.go(-1) 上一页

  • 0 代表的是当前页

用户信息 Navigator

• userAgent  ————   navigator.userAgent 用户代理 电脑版本 浏览器的版本

  • 应用场景：用户数据收集

屏幕尺寸（硬件尺寸） screen

• availHeight screen.availHeight 获取用户电脑可用的屏幕高度