龚箭

WebSession和localStorage使用

Session

  • session会话:浏览器从打开网页的一个页面开始,直至关闭浏览器的整个过程称为“浏览器与WEB服务器的一次会话”

window.sessionStorage

  • 数组对象:会话级数据储存,可供此次会话的页面共同使用,浏览器关闭就消失,

    sessionStorage[key]=val;     //保存一个数据
    sessionStorage.setitem(key,val);     //保存一个数据
    var val = sessionStorage['key'];     //读取一个数据
    var val= sessionStorage.getitem('key');     //读取一个数据
    sessionStorage.removeltem('key');     //删除一个数据
    sessionStorage.length;          //数据长度
    sessionStorage.key(i);     //获取第i个key

window.localStorage 本地存储对象(跨会话及存储)

  • 在浏览器能管理外存(磁盘)中存储用户数据,可供此次会话和后续会话的页面共同使用;即使浏览器关闭了也不会消失–永久存在

    localStorage[key]=val;     //保存一个数据
    localStorage.setitem(key,val);     //保存一个数据
    var val = localStorage['key'];     //读取一个数据
    var val= localStorage.getitem('key');     //读取一个数据
    localStorage.removeltem('key');     //删除一个数据
    localStorage.length;          //数据个数
    localStorage.key(i);     //获取第i个key
  • 注意:localStorage中若数据发生了修改,会触发事件window.onstorage事件,可以监听事件,实现监视localstorage数据改变目的,不能监视sessionStorage数据修改;

47

文章

12

标签