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:将数据保存在客户端本地的硬件设备中,即使数浏览器被关闭,数据仍存在 

 

posted on 2015-08-31 23:16  天娱邪神  阅读(121)  评论(0编辑  收藏  举报