本地存储特性:
数据存储在用户浏览器中
设置,读取方便,甚至页面刷新不丢失数据
容量较大,sessionStorage约5M,localStorage约20M
只能存储字符串,可以将对象JSON.stringify()编码后存储
sessionStorage和localStorage都存在四个方法
存储数据:
获取数据:
移除数据:
清空所有数据:
window.sessionStorage
生命周期为关闭浏览器窗口
在同一个窗口(页面)下数据可以共享
以键值对的形式存储使用,且key和value均为字符串
window.localStorage
生命周期永久有效,除非手动删除 否则关闭页面也会存在、
可以多窗口(页面)共享(同一浏览器可以共享)
以键值对的形式存储
案例1
使用方法都一样 只不过两个有所区别。
案例2
需求:打开页面 => 再输入框输入名字,勾选记住用户名 => 关闭页面 => 打开页面 呈现出上次输入的名字以及勾选了记住用户名
————————————————