了解
Web Storage实际上有两种方式sessionStorage与localStorage
sessionStorage:本地储存一个会话级的的数据,而这个数据只有在同一个会话页面访问有效,并且当这个会话窗口关闭后这个数据也随之清除。
localStorage:本地储存一个跨会话级的数据,这个数据是持久的,需要主动清除数据,否则这个数据将永久储存,除非我们自己清除浏览器缓存;另外,localStorage在数据发生变化时还会触发一个window.onstorage事件,可以实现监听localStorage数据改变的目的,
与cookie的区别
cookie:储存大小被限制在4kb,操作比较复杂,但兼容性最好
Web Storage:储存大小可以在5M-10M,具体为浏览器的限制大小,操作简单
语法/写法
实际上localStorage和sessionStorage的写法相同,不同点只在于开头的local和session
以sessionStorage为例
//---储存--- 数据,两种写法均可
sessionStorage["key"] = val;
sessionStorage.setItem("key",val);
//---获取--- 数据,两种写法均可
var val1 = sessionStorage["key"];
var val2 = sessionStorage.getItem("key");
//获取第i个key名
var key = sessionStorage.key(i);
//---删除--- 数据
sessionStorage.removeItem("key");
//---清空--- 所有数据
sessionStorage.clear();
//数据的 ---个数---
sessionStorage.length;