localStorage和sessionStorage

213 阅读1分钟

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)
    }
   

相关参考