HTML5本地存储 localStorage

前言：在日常的操作过程中，在所难免的需要利用Javascript在用户浏览器中本地存储一些数据，以达到一些不能用服务器来识别的功能，如识别用户是第几次访问等。常用的方法有cookie，IE浏览器的userData,以及HTML5的localStorage和sessionStorage等。
（1）cookie的存储空间只有4kb，显然存储容量太小了；
（2）userData，它的存储容量可以说是没有限制，但只有IE支持，所以它的可扩展性并不大；
（3）sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储；
（4）localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远存在，它的存储容量为5M，又只能存储字符串类型的数据，所以存储容量已经存够大。

---

由于localStorage可以兼容目前所有主流的浏览器，所以在这里总结一下，它的常用方法。

---

（1）首先判断浏览器是否支持本地存储，localStorage是window下的一个属性，所以代码为：

if (window.localStorage)
{
    alert("浏览器支持本地存储");
}
else
{
    alert("浏览器不支持本地存储");
}

（2）给localStorage添加属性，有三种方法，如下：

var storage = window.localStorage;
storage["a"] = "123";
storage.a = "123";
storage.setItem("a","123");

（3）从localStorage中取值：

var storage = window.localStorage;
var str1 = storage["a"];
var str2 = storage.a;
var str3 = storage.getItem("a");
/*循环取值*/
for (var i = 0; i < storage.length; i++)
{
    storage.key(i);
}

（4）删除属性

var storage = window.localStorage;
storage.removeItem("name");
storage.clear(); //清空所有存储数据

---

注意：localStorage只能存储字符串数据，所以在存储数组和链表数据时需要用json格式，最后在转换为字符串数据。