關於localstorage的本地緩存以及封裝

保存數據：localStorage.setItem(key,value); 
讀取數據：localStorage.getItem(key); 
刪除單個數據：localStorage.removeItem(key); 
刪除所有數據：localStorage.clear(); 
得到某個索引的key：localStorage.key(index); 
key和value都必須為字符串，web Storage的API只能操作字符串。



localStorage.setItem("緩存數據名字", "緩存的字符串") 
    //alert(localStorage.getItem("緩存數據名字"))
    var obj = {
        "name": "我的名字",
        "age": "18",
    }
    var jsonobj = JSON.stringify(obj)  // 對象轉化字符串   序列化
    localStorage.setItem("locobj", jsonobj);
    var newobj = JSON.parse(localStorage.getItem("locobj"));  // 字符串轉對象  反序列化
    alert(newobj.name);
    // 序列化對象 然后存儲（localStorage.setItem） 
    // 反序列化對象並放到新的變量中（var newobj = JSON.parse(localStorage.getItem("locobj"))）  然后使用



　　 ///////////////方法的封裝/////////////////


    //設置或跟新本地存儲數據
    function Set_lsdata(data_id, data) {
        if (data_id != "") {
            if (data) {
                var lsobj = window.localStorage;
                var datajson = JSON.stringify(data);
                lsobj.setItem(data_id, datajson);
            }
        }
    }

    //獲取本地存儲數據
    function Get_lsdata(data_id) {
        if (data_id != "") {
            var data = null;
            var lsdata = window.localStorage;
            try {
                var datajson = lsdata.getItem(data_id);
                datajson = JSON.parse(datajson);
                data = datajson;
            } catch (e) {

            } finally {
                return data;
            }
        }
    }
   //封裝方法的使用

    var obj = { "name": "我的名字", "age": "18", }

 Set_lsdata("ccc", obj); //存儲對象並起名字 存儲和拿數據的時候 key值必須加雙引號

 var aaa = Get_lsdata("ccc"); //通過名字拿到存儲的數據

//alert(aaa.name);   使用數據