html5数据存储（localStorage和sessionStorage）

介绍

HTML5 提供了两种在客户端存储数据的新方法，分别是持久化的数据存储localStorage、会话式的数据存储sessionStorage。

localStorage 对象

localStorage 对象存储的数据没有时间限制，所以称为持久化存储，数据存储长期可用.
使用此类对象之前，最好先检查一下浏览器是否支持。检查代码如下：

  if(typeof(Storage)!="undefined") {
               //是的! 支持 localStorage sessionStorage对象! //一些代码...}
 else { //抱歉! 不支持web存储。 }

localStorage 对象和sessionStorage 对象具有同样的方法，仅仅是对象名称不同而已。

localStorage 对象的常用方法：

localStorage.setItem(key,value)：保存数据。
localStorage.getItem(key)：读取数据。
localStorage.removeItem(key)：删除单个数据。
localStorage.clear()：删除所有数据。
localStorage.key(index)：得到某个索引的key。

sessionStorage 对象

sessionStorage对象针对一个session进行数据存储。数据存储周期短，当用户关闭浏览器窗口后，数据会被删除。该对象的方法与localStorage 对象方法相同。