API-6

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

1. 生命周期永久生效，除非手动删除 否则关闭页面也会存在
2. 以键值对的形式存储使用
   存储数据：localStorage.setItem(key, value)
   获取数据：localStorage.getItem(key)
   删除数据：ocalStorage.removeItem(key)

存储复杂数据类型存储
本地只能存储字符串, 无法存储复杂数据类型
需要将复杂数据类型转换成JSON字符串,在存储到本地
JSON.stringify(复杂数据类型)
将复杂数据转换成JSON字符串 存储 本地存储中
JSON.parse(JSON字符串)
将JSON字符串转换成对象 取出 时候使用

image.png

拓展：自定义属性

image.png

image.png