H5之sessionStorage(会话存储)和localStorage(本地存储)入门使用

Web 存储 API 提供了 sessionStorage （会话存储） 和 localStorage（本地存储）两个存储对象来对网页的数据进行添加、删除、修改、查询操作。

• localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。
• sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据，在一次会话中有效。

二者都是通过键值对（key/value）存储值

1. 用sessionStorage存储值（设置值）

//将json对象转换为字符串并用sessionStorage保存
sessionStorage.setItem("customer",JSON.stringify(customer));	

2. sessionStorage获得值

var customerStr = sessionStorage.getItem("customer");
var customer = JSON.parse(customerStr);	//转换为json对象

3. 修改sessionStorage中的值

   方法和设置值一样，保证key相同就行了。

4. 删除sessionStorage指定的值

   removeItem() / clear()