HTML5——Web存储API，sessionStorage和localStorage

sessionStorage

sessionStorage像是cookie的替代，可以在特定的时间段内保持数据可用，但是只能单窗口引用，且窗口关闭后将不能使用

sessionStorage语法：

setItem(key,value)—用键值对创建项，如果键值已经存在，则更新值。

例：sessionStorage.setItem("uname","zhangsan");

getItem(key)—根据指定的键值获取对应的值。

例：sessionStorage.getItem("uname");

属性：

length—返回存储空间中积累的项的数量

方法：

key(index)—获取指定索引位置对应的项的键值

例：

var len=sessionStorage.length;

for(var i=0;i

var key=sessionStorage.key(i);

alert(sessionStorage.getItem(key));

}

removeItem(key)—根据项的键值删除指定的项

clear()—清空存储空间，删除所有的项

localStorage

localStorage是将数据存储在本地，可以永久存储，由用户决定是否保留。

localStorage与sessionStorage有相同的接口，所以sessionStorage所有的方法和属性对localStorage都有效。

案例：实现Web留言本功能

 
 
 
 
 
 
 

Web版本的简单记事本