h5新增加的存储方法

h4中使用的cookie把用户信息保存在客户端浏览器，但是它受到很多限制。

大小：最多能存储4k

带宽：它是随着http请求一起发送到服务器的，因此浪费一部分的带宽。

复杂度：操作复杂。

h5新增加了一种在客户端本地存储数据的方法 webstorange,分两种形式sessionStorage和localStorage

 

sessionStorage：将数据保存在session对象中。所谓session，是指用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这段时间，session对象可用来保存在这段时间内所要求保存的任何数据

localStorage：将数据保存在客户端本地的硬件设备中，即使浏览器关闭了，该数据仍然存在，下次打开浏览器访问网站时仍然可用 区别：sessionStorage为临时保存，localStorage为永久保存。

 

sessionStorage 临时保存用一窗口的数据 关闭窗口时会删除数据
存的两种方式
一setItem()方法存储：sessionStronge.setItem("test","测试")
二通过属性方式存储： sessionStronge["test"]="测试";
取
一getItem()方法取：sessionStronge.getItem()
二属性方法取：sessionStronge["test"]
销毁sessionStronge.clear()
可存储json格式数据 转换成json格式字符串格式存储
var obj={
name:"test",
age:18
}
sessionStronge.setItem("test",JSON.stringify(obj));

localStorange用来作为本地存贮，解决了session存储空间不够的问题
访问当前域名，关闭当前域名再次打开会存在
缺陷：高版本支持 ie8以上支持（以下用userData）
不能被爬虫获取
浏览器隐私模式下是不可取的
存储内容过多会是页面变卡
存
var storage=window.localStorange;
storange.setItem("test",3);
取
storange.getItem("test");
全部删除
storange.clear();
删除某一个
storange.removeItem("test");