定义和使用
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。

localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除。

sessionStorage 数据保存在当前会话中,该数据对象临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。

保存数据语法
localStorage.setItem(“key”, “value”);
sessionStorage .setItem(“key”, “value”);

读取数据语法:
var lastname = localStorage.getItem(“key”);
var lastname = sessionStorage .getItem(“key”);

删除数据语法:
localStorage.removeItem(“key”);
sessionStorage .removeItem(“key”);

下面写个方法把两个封装一起方便开发使用

var SaveData=function(){};
 SaveData.prototype={
 /**保存数据到本地
     * 参数 k
     * 参数 v
     * 参数 flag  为true时表示是sessionStorage保存,其他则为localStorage保存
     */
    storageSaveData:function(k,v,flag){
        if(flag==true){
            sessionStorage.setItem(k,v);
            return true;
        }
        localStorage.setItem(k,v);
        return true;
    },
    /**
     * 获取本地数据
     * 参数  k
     * 参数  flag
     */
    storageGetData:function(k,flag){
        if(flag==true){
            return sessionStorage.getItem(k);
        }
        return localStorage.getItem(k);
    },

    /**
     * 清除本地数据中的值
     * 参数  flag
     * 参数  k
     * returns {boolean}
     */
    storageClearData:function(flag,k){
        if(flag==true){
            if(checkTool.validVar(k)){
                sessionStorage.removeItem(k);
            }else{
                sessionStorage.clear();
            }
            return true;
        }

        if(checkTool.validVar(k)){
            localStorage.removeItem(k);
        }else{
            localStorage.clear();
        }
        return true;
    },

}

var SaveData=new SaveData();
Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐