牛骨文教育服务平台(让学习变的简单)
博文笔记

sessionstorage与localstorage存储对象

创建时间:2016-07-26 投稿人: 浏览次数:2597

这里写图片描述
注:按F12之后,在Resources中可以查看Local Storage 与 Sesssion Storage中存储的数据。

sessionstorage与localstorage的主要说明。

相同点:在浏览器中存储数据,而且只能存储字符串类型的数据。
不同点:localStorage存储的数据是永久的,sessionStorage存储的数据是短暂的,一旦用户关闭窗口或标签页,sessionStorage里存储的数据也相应的清除。

function sessionStoragePut(key,value){
    //将对象转化成json字符串,存入sessionStorage
    sessionStorage.setItem(key, JSON.stringify(value));
}
function sessionStorageGet(key,isRemove){
    //从sessionStorage中取出json字符串,然后将json字符串转化成对象,并返回.
    var result=JSON.parse(sessionStorage.getItem(key));
    if(isRemove){
        sessionStorage.removeItem(key);
    }
    return result;
}
function localStoragePut(key,value){
    //将对象转化成json字符串,存入localStorage
    localStorage.setItem(key, JSON.stringify(value));
}
function localStorageGet(key,isRemove){
    //从localStorage中取出json字符串,然后将json字符串转化成对象,并返回.
    var result=JSON.parse(localStorage.getItem(key));
    if(isRemove){
        localStorage.removeItem(key);
    }
    return result;
}

参考网址
http://my.oschina.net/crazymus/blog/371757
http://www.cnblogs.com/tylerdonet/p/4833681.html

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。