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