HTML5中的数据存储

HTML5规范中定义的Storage 数据存储
interface Storage{
    readonly attribute unsigned long length;
    DOMString? key(in unsigned long index);
    getter DOMString getItem(in DOMString key);
    setter creator void setItem(in DOMString key,in DOMString value);
    deleter void removeItem(in DOMString key);
    void clear();
}
localStorage保存在本地
sessionStorage保存在会话，存储数据生命周期只保存在存储它的当前窗口或当前创建新窗口，直到相关标签关闭

localStorage.clear(); //清除所有
var name = localStorage.getItem('name');
localStorage.setItem('name','黑客');
localStorage.key(1);
localStorage.removeItem('name');

 

存储json格式数据
var userData = {
    name:"sankyu name",
    account:"sankyu",
    level:1,
    disabled:true
};
localStorage.setItem("userData",JSON.stringify(userData));
var newUserData = JSON.parse(localStorage.getItem("userData"));

 

事件监听

window.onload = function(){
    window.addEventListener("storage",function(e){
        console.log(e);
    },true);
    
}