介绍

随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据， HTML5规范提出了相关解决方案。
1、html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。
2、数据存储在用户浏览器中
3、设置、读取方便、甚至页面刷新不丢失数据
4、容量较大， sessionStorage和localStorage约 5M 左右

localStorage本地存储

特点：

  • 生命周期永久生效，除非手动删除 否则关闭页面也会存在
  • 同源窗口（页面）共享数据。（同源，等Ajax课才能讲到）

API方法：

  • 存储数据
    • localStorage.setItem(key, value) —— 只能存储数字或字符串类型的值
  • 获取数据
    • localStorage.getItem(key)

  • 删除数据

    • localStorage.removeItem(key)

      sessionStorage会话存储

      sessionStorage 和 localStorage的区别有两点：

  • localStorage 永久保存数据，sessionStorage 存储的数据在关闭浏览器后消失，不能永久存储

  • localStorage存储的数据可以共享给同源的其他窗口；sessionStorage不能共享给其他页面。

API方法和localStorage完全一样。

若有收获，就点个赞吧