本地存储
cookie
localStorage
cookie localStorage
生存周期 有 没有
操作 难 简单
容量 4KB 5MB
提交 会 不会
localStorage.xxx = xxx; 设置
localStorage.xxx; 获取
delete localStorage.xxx; 删除
共同点:
不安全
不能跨域
不能跨浏览器
兼容到ie7
delete 是删除属性的
本地存储:建议最好放到服务器环境
localStorage
容量: 5M
localStorage 多于5M,报错
cookie 多于4K,存不进去,不报错
事件:
onstorage 当本地存储里面的信息发生变化的时候
加给window (window.onstorage)
ev.key 谁发生变化
写法:localStorage[ev.key]
设置:localStorage.a=5;
删除:delete localStorage.b;
标准提供一套用法:
存:localStorage.setItem(name,value);
取:localStorage.getItem(name);
删:localStorage.removeItem(name);
全部清除: localStorage.clear();
测试:
cookie 随着请求每次都会发往服务器
localStorage 不会
sessionStorage: 关闭浏览器消失(写法跟localStorage一样)
sessionStorage.a=1;
alert(sessionStorage.a);