本地存储之sessionStorage和localStorage的用法

本地存储的特性：数据存储在用户浏览器中  设置、读取方便  刷新不丢失等。

    window.sessionStorage

1. 生命周期：关闭浏览器窗口
2. 同一窗口下数据可共享
3. 以键值对的形式存储使用

      存储数据：

sessionStorage.setItem(key, value)

      获取数据：

sessionStorage.getItem(key)

      删除数据：

sessionStorage.removeItem(key)

     删除所有数据：

sessionStorage.clear()

     window.localStorage

1. 生命周期永久生效，除非手动删除 否则关闭页面也会存在
2. 可以多窗口共享，即同一浏览器可以共享
3. 以键值对的形式存储使用

     存储数据：

localStorage.setItem(key,value)

     获取数据：

localStorage.getItem(key)

     删除数据：

localStorage.removeItem(key)

    删除所有数据：

localStorage.clear()

注意：若只设置了一个key但是存储了多次不同value，则value会一直更新只存最新的那个value。

所以要存储多个值需要设置相应数量的key。还有，删除所有数据的方法要慎用！