HTML5 新特性之九---Web Stroage

在浏览器中存储当前用户专用的数据；访问历史；内容定制，样式定制...

在客户端存储数据可以使用的技术

（1）Cookie技术：浏览器兼容性好，不能超过4KB，操作复杂

（2）Falsh存储：依赖于Flash播放器

（3）H5 WebStorage：不能超过8MB，操作简单

（4）indexDB：可存储大量数据，还不是标准技术

 

WebStorage技术中，浏览器为用户提供两个对象

（1）window.sessionStroage:类数组对象：会话级数据存储

在浏览器进程所分得内存中存储一次WEB会话的数据

可供此次会话的页面共同使用，浏览器一旦关闭就消失

作用：在同一个会话中所有页面之间共享数据

示例：登录用户名/登录用户编号

 

sessionStorage[key]=val; //保存一个数据

sessionStorage.setltem(key,val); //保存一个数据

var val=sessionStorage[key]; //读取一个数据

var val=sessionStorage.getltem(key); //读取一个数据

sessionStorage.removeItem(key); //删除一个数据

sessionStorage.clear() //清除数据

sessionStorage.length; //数据个数

sessionStorage.key(i); //获取第i个key