Web Storage功能，就是在Web上存储数据，分为两种：

localStorage：将数据保存在推广客户端当地的硬件设施中，即便浏览器关闭了，该数据仍然存在，下次打开浏览器访问网站时仍然可用

sessionStorage：将数据保存在session对象中。所谓session，是指用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这期间，session对象可用来保存在这期间内所需要保存的任何数据

HTML5中提供了localStorage对象可以将数据长期保存在推广客户端，直到人为清除。localStorage提供了几个办法:

不同：sessionStorage为临时保存，localStorage为永久保存

假如key存在时，更新value

1、存储：localStorage.setItem(key,value)

2、获得：localStorage.getItem(key)

假如key没有返回null

一旦删除，key对应的数据将会全部删除

3、删除：localStorage.removeItem(key)

1、存储：localStorage.setItem(key,value)

HTML5中提供了localStorage对象可以将数据长期保存在推广客户端，直到人为清除。localStorage提供了几个办法:

假如key存在时，更新value

假如key没有返回null

2、获得：localStorage.getItem(key)

3、删除：localStorage.removeItem(key)

4、全部清除：localStorage.clear()

一旦删除，key对应的数据将会全部删除

某些时候用removeItem逐个删除太麻烦，可以用clear,实行的后果是会清除所有localStorage对象保存的数据

.length 数据总量，例：localStorage.length

5、遍历localStorage存储的key

6、存储JSON格式数据

.key(index) 获得key，例：var key=localStorage.key(index);

JSON.parse(data) 将数据分析成对象，返回分析后的对象

JSON.stringify(data) 将一个对象转换成JSON格式的数据串,返回转换后的串

下面是一个案列：

希望以上内容可以解决您的问题！
如有其他问题欢迎大家一起交流学习！