js localStorage对象使用详解

localStorage

说明：用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除，最多保存5M数据。

1 属性

1.1 length

说明：返回存储对象中包含多少条数据。

示例：

var len=0;
if(!!localStorage){
    len=localStorage.length;
}

2 方法 

2.1 setItem()

说明：添加键和值，如果对应的值存在，则更新该键对应的值，数据必须为string类型。

格式：setItem(key,value);

示例：

if(!!localStorage){
    //保存string数据
    localStorage.setItem("key", "value");
    //保存json数据
    var json={
        "1":"1"
        ,"2":"2"
    };
    localStorage.setItem("json", JSON.stringify(json));
}

2.2 getItem()

说明：得到指定键的数据 ，数据为string类型。

格式：setItem(key);

示例：

if(!!localStorage){
    //得到string数据
    var value=localStorage.getItem("key");
    //得到string数据，将其转换成json数据
    var json=localStorage.setItem("json");
    json=eval("("+json+")");
}

2.3 removeItem()

说明：删除指定键的数据 。

格式：removeItem();

示例：

if(!!localStorage){
    localStorage.removeItem("key");
}

2.4 clear()

说明：删除所有数据 。

格式：clear();

示例：

if(!!localStorage){
    localStorage.clear();
}