html5操作localStorage和SessionStorage的技巧

作者：管理员

发布时间：2015/10/20 13:44:25

评论数：0

转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=726

html5操作localStorage和SessionStorage的技巧

/***************************** localStorage START *****************************/

/* 检查是否支持localStorage */
function checkLocalStorage(){
    if(window.localStorage){
        return true;
    }else{
        return false;
    }
}

/* 设置 localStorage */
function setLocalStorage(key, val){
    window.localStorage.setItem(key, val);
}

/* 获取 localStorage */
function getLocalStorage(key){
    return window.localStorage.getItem(key);
}

/* 移除 localStorage */
function rmLocalStorage(key){
    return window.localStorage.removeItem(key);
}

/* 显示 localStorage */
function showLocalStorage(){
    var storage = window.localStorage;
    for(var i=0;i<storage.length;i++){
        //key(i)获得相应的键，再用getItem()方法获得对应的值
        document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>");
    }
}


/***************************** localStorage END *****************************/

/***************************** sessionStorage START *****************************/

/* 检查是否支持SessionStorage */
function checkSessionStorage(){
    if(window.sessionStorage){
        return true;
    }else{
        return false;
    }
}

var testPrivateModeKey = 'testPrivateModeKey', storage = window.sessionStorage,isNotPrivateMode=true;
try {
    // Try and catch quota exceeded errors
    storage.setItem(testPrivateModeKey, 'No');
    storage.removeItem(testPrivateModeKey);
} catch (error) {
    isNotPrivateMode=false;
    if (error.code === DOMException.QUOTA_EXCEEDED_ERR && storage.length === 0){
        k_alert('兼容错误','你的浏览器开启了“无痕浏览”模式，请先关闭“无痕浏览”再使用。');
    }
    else {
        throw error;
    }
}

/* 设置 SessionStorage */
function setSessionStorage(key, val){
    if(isNotPrivateMode){
        window.sessionStorage.setItem(key, val);
    }
}

/* 获取 SessionStorage */
function getSessionStorage(key){
    var channel = $("#Channel").val();
    if(channel=='csbj'){
        return window.sessionStorage.getItem(key);
    }
    else{ //微信 支付宝
        if(key=="user"){
            return "{Data:1,Code:1}";
        }
        else{
            return window.sessionStorage.getItem(key);
        }
    }
}

/* 移除 SessionStorage */
function rmSessionStorage(key){
    return window.sessionStorage.removeItem(key);
}

/* 显示 SessionStorage */
function showSessionStorage(){
    var storage = window.sessionStorage;
    for(var i=0;i<storage.length;i++){
        //key(i)获得相应的键，再用getItem()方法获得对应的值
        document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>");
    }
}

关键字：html5 html5开发 localStorage SessionStorage