在HTML5中,本地存储是window的属性,包括localStorage和sessionStorage,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)。
localStroage和sessionStroage相同点:
- 都用于在浏览器中以key-value对形式存储数据。
- 存储大小都约为 5M
- 都只能存储字符串类型的对象
不同点:
- localStroage:永久性存储,数据永远保留,除非主动删除
- sessionStroage:会话型存储,临时保存窗口数据,在关闭窗口后数据将被删除。即使同时打开两个相同url的页面,它们的sessionStroage数据也不共享。
localStroage中数据的存取,sessionStroage也是一样的写法
// 存储
localStorage.setItem("lastname", "Smith");
localStorage.["lastname"] = "Smith"
localStorage.lastname = "Smith"
// 检索
localStorage.getItem("lastname");
localStorage.["lastname"]
localStorage.lastname
// 删除
localStroage.clear() //全部清除
localStroage.removeItem("lastname") //删除某个键值对