关于HTML5本地存储的sessionStorage与localStorage的简单用法

HTML5 使用 setItem,getItem,removeItem,clear 等方法来存储和访问数据。

//存储数据
function setstorage(key,val){
    if(window.localStorage)
        localStorage.setItem(key,val);
    else
        alert('不支持web storage.');
}
//从存储中取数据
function getstorage(key){
    if(window.localStorage)
        return localStorage.getItem(key);
    return '';
}
//清除数据
function clearstorage(key){
    if(window.localStorage)
        if(key)
            localStorage.removeItem(key);
        else
            localStorage.clear();
    else
        alert('不支持web storage.');    
}

而对于sessionStorage,上面的例子只不过是将localStorage换成sessionStorage即可。

详细:http://blog.csdn.net/qxs965266509/article/details/10012821

额外:http://blog.csdn.net/suncaishen/article/details/6340483

_history : { //缓存
            isLocalStorage:window.localStorage?true:false,
            set : function(key,value){ //设置缓存
                if(this.isLocalStorage){
                    window.localStorage.setItem(key,value);
                }else{
                    var expireDays = 365; //失效时间
                    var exDate=new Date();
                    exDate.setTime(exDate.getTime()+expireDays*24*60*60*1000);
                    document.cookie=key + "=" + escape(value)+";expires=" + exDate.toGMTString();
                }
            },
            read : function(key){ //读取缓存
                if(this.isLocalStorage){
                    return window.localStorage.getItem(key);
                }else{
                    var arr,reg=new RegExp("(^| )"+key+"=([^;]*)(;|$)");
                    if(arr=document.cookie.match(reg)){
                        return unescape(arr[2]);
                    }else{
                        return null;
                    }
                }
            },
            del : function(key){ //删除缓存
                if(this.isLocalStorage){
                    localStorage.removeItem(key);
                }else{
                    var exDate = new Date();
                    exDate.setTime(exDate.getTime() - 1);
                    var read_val=this.read(key);
                    if(read_val!=null) document.cookie= key + "="+read_val+";expires="+exDate.toGMTString();
                }
            }
        },

 

posted @ 2015-01-23 14:08  碎魄零星  阅读(204)  评论(0编辑  收藏  举报