Window对象
BOM(浏览器对象模型)
image.png
延时器
image.png
setInterval 会每隔一段时间就执行，n次
setTimeout 延时执行，只执行 1 次
image.png
JS执行机制
image.png
image.png
location对象
href 属性获取完整的URL地址
location对象，保存了 URL 地址的各个组成部分
其他属性和方法：
search 属性获取地址中携带的参数，符号 ？后面部分
hash 属性获取地址中的哈希值，符号 # 后面部分
后期vue路由的铺垫，实现单页应用，比如 网易云音乐
reload 方法用来刷新当前页面
image.png
image.png
image.png
本地存储
localStorage
- 生命周期永久生效，除非手动删除 否则关闭页面也会存在
- 以键值对的形式存储使用
存储数据：localStorage.setItem(key, value)
获取数据：localStorage.getItem(key)
删除数据：ocalStorage.removeItem(key)
存储复杂数据类型存储
本地只能存储字符串, 无法存储复杂数据类型
需要将复杂数据类型转换成JSON字符串,在存储到本地
JSON.stringify(复杂数据类型)
将复杂数据转换成JSON字符串 存储 本地存储中
JSON.parse(JSON字符串)
将JSON字符串转换成对象 取出 时候使用
image.png
拓展：自定义属性
image.png
image.png
