一、认识BOM操作
- BOM（Browser Object Model）
- 浏览器对象模型
- 由浏览器提供的用于处理文档之外的所有内容的其他对象
- BOM主要包括的对象模型
- window：包括全局属性、方法，控制浏览器窗口相关的属性、方法
- location：浏览器连接到的对象的位置
- history：操作浏览器的历史
- navigator：用户代理的状态和标识
- screen：屏幕窗口信息
二、全局对象window
- window常见的属性
- localStorage、console、location、history、screeX、scrollX等
- window常见的方法
- alert、close、scrollTo、open等
- window常见的事件
- focus、blur、load、hashchange等
三、location对象
- location对象用于表示window上当前链接到的URL信息
- 常见的属性
- href：当前window对象的超链接URL，整个URL
- protocol：当前的协议
- host：主机地址
- hostname：主机地址（不带端口号）
- port：端口
- pathname：路径
- search：查询字符串
- hash：哈希值
- 常见的方法
- assign：赋值一个新的URL，并且跳转到该URL中
- replace：打开一个新的URL，并且跳转到该URL中（不会在浏览器中留下之前的记录）
- reload：重新加载页面，可以传入一个Boolean类型
- URLSearchParams常见方法
- get：获取搜索参数的值
- set：设置一个搜索参数
- append：追加一个搜索参数和值
- has：判断是否有某个搜索参数
var urlSearch = new URLSearchParams("name=why&age=18&height=1.88") console.log(urlSearch.get("name")) // why console.log(urlSearch.toString()) // name=why&age=18&height=1.88
四、history对象
- history对象允许我们访问浏览器曾经的会话历史记录
- 属性
- length：会话中的记录条数
- state：当前保留的状态值
- 方法
- back：返回上一页，等价于history.go(-1)
- forward：前进下一页，等价于history.go(1)
- go：加载历史中的某一页
- pushState：打开一个置顶的地址
- replaceState：打开一个新的地址，并且使用replace
五、navigator、screen
- navigator
- 表示用户代理的状态和标识等信息
- screen
- 记录的是浏览器窗口外面的客户端显示器的信息
