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 */
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章