sessionStorage与localStrorage


相同浏览器的不同页面间可以共享相同的 localStorage(页面属于相同域名和端口),但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是,页面及标 签页仅指顶级窗口,如果一个标签页包含多个iframe标签且他们属于同源页面,那么他们之间是可以共享sessionStorage的。

  • API不支持序列化,需要自己写。

存取:

sessionStorage.setItem("key", "value");
var value = sessionStorage.getItem("key");

序列化存取:

sessionStorage.setItem('xxx', JSON.stringify(obj)); 
obj = JSON.parse(sessionStorage.getItem('xxx')); 
我的用法:
// 利用sessionstorage共享全局变量
function obj_store(obj){
    sessionStorage.setItem('obj', JSON.stringify(obj)); 
}
function obj_get(){
    var obj = JSON.parse(sessionStorage.getItem('obj'));
    return obj 
}
obj_store({'role':'主编'})

// 利用localstorage固定数据:
function obj_store(obj){
    localStorage.setItem('obj',JSON.stringify(obj));
}
function obj_get(){
   return JSON.parse(localStorage.getItem('obj'));
}
obj_store({'role':'主编'});


你可能感兴趣的:(sessionStorage与localStrorage)