HTML5本地存储Localstorage

localstorage的使用
localstorage存储对象分为两种:

  1. sessionStrage: session即会话的意思,在这里的session是指用户浏览某个网站时,从进入网站到关闭网站这个时间段,session对象的有效期就只有这么长。
  2. localStorage: 将数据保存在客户端硬件设备上,不管它是什么,意思就是下次打开计算机时候数据还在。

简单js代码封装:

(function (localStore){
//保存数据
localStore.save = function(data){

    if('object' == typeof data){
        var str = JSON.stringify(data);
        if(null != data.id && 'null' != data.id){
            localStorage.setItem(data.id,str);
            return;
        }
        return null;
    }
    if('string' == typeof str){
        return '';
    }
    return '';
}
//查找数据
localStore.find = function (id){  
    if(null != id && 'null' != id && ''!=id){
        return localStorage.getItem(id);
    }
    return null;
}
//查找所有数据
localStore.findAll = function (){
    if(localStorage.length>0){  
        var result = "";  
        for(var i=0;i<localStorage.length;i++){  
            var id = localStorage.key(i);  
            var name = localStorage.getItem(id);  
            result += name;  
        }
        return result;
    }else{  
        return "目前数据为空,赶紧开始加入联系人吧";
    }  
}
//删除单个
localStore.delete = function(id){

    if(null != id && 'null' != id && ''!=id){
        return localStorage.removeItem(id);
    }
    return null;
}
//删除所有
localStore.deleteAll = function(){
    localStorage.clear();
}

})(window.localStore= {});

目前还在继续学习中。。