localStorage顾名思义，就是本地存储的意思，在以前很长一段时间，要想在客户端存

储一些配置及登录信息等数据都只能通过COOKIE或flash的方式，如今html5来临，也

带来了更强大的本地存储，最多可存储大小5M的字符串，足可以满足大部分的web应

用，比cookie的4K要大出不少，还有一个sessionStorage，功能基本与localStorage

相同，看名字便知与sesstion一样，关闭浏览器即失效。

以前有用过cookie的都了解cookie的存储读取方式都不太优雅，需要自己封装set get方

法，而localStorage则方便许多，localStorage 是作為window的一个属性存在的，拥

有setItem,getItem,removeItem,clear等方法，相当方便。

浏览器的支持除了IE７及以下不支持外，其他标准浏览器都完全支持(ie及FF需在web服

务器里运行)，支持情况如下图：

 

 

如下代码即可判断浏览器是否支持

if(window.localStorage){    alert("浏览支持localStorage")}else{   alert("浏览暂不支持localStorage")}

localStorage不但可以用自身的setItem,getItem等方便存取，也可以像普通对象一样

用点操作符，及[]的方式进行数据存储，像如下的例

var storage = window.localStorage;storage.a = "haha";storage["b"] = "hehe";var a = storage.a;var b = storage["b"];

　　另外，localStorage还提供了一个key()方法，配合localStorage的length属性，可以

在不知道有哪些键值的时候使用，如下：

var storage = window.localStorage;function showStorage(){for(var i=0;i
     

");}}