本地存储之简单存储

1、HTML5提供了四种在客户端存储数据的新方法，即 localStorage、sessionStorage、globalStorage、Web Sql Database。前面三个适用于存储较少的数据，而Web Sql Database适用于存储大型的，复杂的数据。

2、IE8、Firefox3.6、Chrome5、Safari4、Opera4，各个浏览器在APIf方面的实现基本一致，存在一定的兼容性问题，但不影响正常使用。

简单存储与cookie之间的区别

1、存储量大

       web存储比cookie存储量更大，在数据上可以达到5M，而cookie最多也就4kb,或者20个key/value对。

2、安全性高

   cookie在向后台发送每一个http请求的时候都会出现在http头部，而html5的本地存储则不会，某种程度上讲是节约了一定的带宽，缩短了请求，响应的时间。

localStorage、sessionStorage、globalStorage之区别

1、localStorage 没有时间限制的数据存储，也就是说localStorage是永远不会过期的，除非主动删除数据，数据可跨越多个窗口，无视当前对话，在同一个域中被共同访问、使用。

2、sessionStorage针对一个session的数据存储，任何一个页面的存储的信息在窗口中同一个域下的页面下都可以访问它存储的数据。每个窗口的值都是独立的，它的数据会因窗口的关闭而丢失，不同窗口间的sessionStorage是不可以共享的。

3、globalStorage和sessionStorage一样，域中任何一个页面存储的信息都能被所有的页面共享。目前只有FF支持，且只支持当前域下的globalStorage存储。

localStorage和sessionStorage都有相同的Api如下：

localStorage.length();获得storage中的个数

localStorage.key(n) 获得storage中第n个键值对的键

localStorage.key = value

localStorage.setItem(key,value) 添加

localStorage。getItem(key)获取

localStorage.removeItem(key)移除

localStorage.clear()清除