HTML存储机制之WebStorage讲解

webStorage 意思就是web存储，它分为两种：sessionStorage和LocalStorage。

那么这两种都是什么意思呢？他们之间有什么区别呢？

sessionStorage：将数据保存在session对象中，所谓session，是指用户在浏览某一个网站时，从进入网站到关闭网站的这段时间，session对象可以用来保存这段时间内的所要求保存的数据，网站关闭，session对象释放，数据自然就没有了。［临时保存］

LocalStorage：将数据保存在硬盘上，是永久保存（自己没删除的情况下和硬盘没有损坏的情况下），即使浏览器关闭了，数据还是存在那的，下次再打开网站的时候可以直接使用数据。［永久保存］

至于怎么保存，还是通过map的形式以键值对进行保存

sessionStorage：

保存数据：sessionStorage.setItem(key,value)

读取数据：sessionStorage.getItem(key).//通过key来取到对应的值

LocalStorage:

保存数据：localStorage.setItem(key,value)

读取数据:  localStorage.getItem(key)

warning:我们在保存的时候一定要记着key永远是唯一的，value可以不唯一，这就相当于一个班里总共50个同学，每个同学都有一个唯一的名字来标示自己，这个名字就相当于是key,如果班里有两个人重名（也就是有一样的key怎么办），没办法，只能重新命名一个key，这就相当于两个人都叫”田甜“，两个重复的key，怎么区分他们呢，只能一个叫“小田甜”,这就相当于是增加了key，以此来区分不同的对象（人）。

                Hope to help you!