1. 相关概念
localStorage:本地存储,只有当主动清空时,才会消亡,关闭浏览器并不会清空localStorage的内容 sessionStorage: 会话存储,只在当前页面有效,关闭浏览器会清空sessionStorage的内容
2. 相关方法
setItem(key, value); // 设置缓存
getItem(key); // 根据key获取缓存
removeItem(key); // 根据key移除缓存
clear(); // 清空缓存
除了可以用setItem和getItem还可以像普通对象一样使用.或者[]来设置/获取缓存
3. storage事件
可以添加storage事件,当缓存内容有改变时,会执行storage事件对应的方法
funcion handleStorage() {
console.log('storage改变啦啦啦啦')
}
if(window.addEventListener) {
window.addEventListener('storage', handleStorage, false)
}else{
window.attachEvent('onstorage', handleStorage)
}