- localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。
- 他们均只能存储字符串类型的对象。
- localStorage生命周期是永久,这意味着除非用户主动在浏览器上清除localStorage信息,否则这些信息将永远存在。
- sessionStorage的失效时间为当前会话是否被关闭, 如果当前会话中存储有key和value,会话关闭数据则消失,所以我们可以得到结论,sessionStorage的失效取决于会话
1 localStorage
- LocalStorage的存储大小一般为5M
- LocalStorage的存储类型为字符串
- LocalStorage若想要删除,需要人为删除
1.1 存储数据
1.2 获取数据
getLocalStorage() {
console.log(window.localStorage.getItem("name"));
}
1.3 删除指定的本地数据
removeLocalStorage() {
window.localStorage.removeItem('name')
}
1.4 删除当前域名下所有内容
localStorage.clear()
1.5 LocalStorage的局限性
- LocalStorage在IE浏览器中,IE8以上才支持LocalStorage。
- LocalStorage在浏览器的隐私模式下无法读取。
- LocalStorage存储的类型仅限于string类型,所以在存储其他类型的时候需要相应的转化。
2 SessionStorage
SessionStorage的用法和LocalStorage用法基本上一样,唯一的区别就是localStorage属于永久性存储,而sessionStorage属于当会话结束的时候,sessionStorage中的键值对会被清空。
- 存储数据:sessionStorage.setItem(“自定义数据名”, 数据)
- 取存储的本地数据:sessionStorage.getItem(“存储数据的数据名”)
- 删除指定的本地数据:sessionStorage.removeItem(“存储数据的数据名”)
- 删除当前域名下所有内容:sessionStorage.clear()