html5 本地存储 localStorage

localstorage实现本地存储

方法:

localStorage.getItem(key):获取指定key本地存储的值

localStorage.setItem(key,value):将value存储到key字段

localStorage.removeItem(key):删除指定key本地存储的值

代码实现:

//添加数据
function SSsetVal(key, val){
    if(window.sessionStorage){
        //检测用户是否输入键
        if(key=='' || val==''){
            return 0;
        }
        sessionStorage.setItem(key,val);
        alert('数据:'+key+'->'+val+'添加成功');
        return 1;
    }else{
        alert('不支持本地存储');
        return 0;
    }
}
//查询指定数据
function SSgetVal(key){
    //检测用户是否输入键
    if(key==''){
        return 0;
    }
    if(window.sessionStorage){
        return sessionStorage.getItem(key);
    }else{
        return 0;
    }
}
//修改制定数据
function SSchgVal(key, val){
    if(window.sessionStorage){
        //检测用户是否输入键
        if(key=='' || val==''){
            return 0;
        }
        sessionStorage.setItem(key,val);
        alert('数据:'+key+'->'+val+'修改成功');
        return 1;
    }else{
        return 0;
    }
}

//删除指定数据
function SSdelVal(key){
    //检测用户是否输入键
    if(key==''){
        return 0;
    }
    if(window.sessionStorage){
        sessionStorage.removeItem(key);
        return 1;
    }else{
        return 0;
    }
}

//遍历所有
function SSgetAll(){
    if(window.sessionStorage){
        //检测是否有数据
        if(sessionStorage.length==0){
            return 0;
        }
        var arrKey = new Array()
        //遍历数据
        for(var i=0;i<sessionstorage.length;i++){ else="" function="" i="0;i<sessionStorage.length;i++){" pre="" return="" sessionstorage.length="=0){" var=""><p> </p><p> </p><pre class="brush:java;"></pre>
<p> </p>
<pre class="brush:java;">/* HTML5 LocalStorage */
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章