本地存储:
1、cookie
特点:小(~4k),服务器环境(每次都会随着请求,发往服务器),过期时间,完全兼容
document.cookie=值
2、localStorage、sessionStorage
特点:大(~5M),不会发往服务器,没有过期时间
共同点:不安全、不能跨浏览器,写入的都是字符
localStorage
window的属性 返回一个localStorage对象
对象的属性:
localStorage.key = value 设置,修改
localStorage.key; 获取
delete localStorage.key 删除 localStorage.key = undefined
for-in localStorage 枚举批量删除
方法:
localStorage.setItem(key,value) 设置、修改
localStorage.getItem(key) 获取
localStorage.removeItem(key) 删除一个
localStorage.clear() 删除所有
事件:
window.onstorage 检测key发生了变化,事件对象
ev.key 返回变化的key
ev.newValue 变化后的值
ev.oldValue 变化前的值
SessionStorage
sessionStorage 生命周期 会话结束时
属性、方法 跟localStorage的一样