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");