HTML5 Web Storage概述
Web Storage
html5新增功能
可以在客户端本地保存数据
之前是使用Cookies在客户端保存注入用户名等简单用户信息,但永久数据存在几个问题
- 大小:cookies大小被限制在4KB
- 带宽:随着http事务一起被发送,会浪费一部分宽带
- 复杂性:操作困难
Web Storage分两种
sessionStorage:将数据保存在session对象中。session是指用户在浏览某个网站时,从进入网站到关闭浏览器所经过的这段时间。Session在用户进入网站时由服务器自动产生,并在用户正常离开站点时释放。
1 // 保存数据的方法 key value 2 sessionStorage.setItem("message", str); 3 4 // 读取数据 5 var msg = sessionStorage.getItem("message");
localStorage:将数据保存在客户端本地的硬件设备中,即使数浏览器被关闭,数据仍存在