localStorage作用: 本地存储
经典场景: 免登录
localStorage 语法:
1. 存数据: localStorage.setItem(‘属性名’,属性值)
2. 取数据: localStorage.getItem(‘属性名’)
3. 删数据: localStorage.removeItem(‘属性名’)
4. 清空数据: localStorage.clear()
localStorage 注意点:
1. 永久存储,只要不手动清除.一直存在
2. 只能存储字符串类型数据,如果是其他类型,系统会自动转成字符串,然后存储
sessionStorage作用: 临时保存
sessionStorage 语法:
1. 存数据: sessionStorage.setItem(‘属性名’,属性值)
2. 取数据: sessionStorage.getItem(‘属性名’)
3. 删数据: sessionStorage.removeItem(‘属性名’)
4. 清空数据: sessionStorage.clear()
** sessionStorage 注意点:**
1. 临时存储,只要页面关闭,就会自动清除
2. 只能存储字符串类型数据,如果是其他类型,系统会自动转成字符串,然后存储
localStorage 与 sessionStorage的区别
**相同点:**
1. 功能相同
2. 都有大小限制, 一般浏览器上限时5MB
**不同点:** 存储的方式不同
1. localStorage : 硬盘存储
2.sessionStorage: 内存存储
localStorage 如何存储对象类型数据? : json存储