html5学习笔记——HTML5 web存储

本地存储是html5中的新加功能，增加这一功能是因为在使用cookies时有以下几个问题：

1、大小：cookies的大小限制在4KB。

2、带宽：cookies随http事务一起被传送，这样就会占用一部分宽带。

3、复杂性：很难对cookies进行正确的操作。

HTML5 提供了两种在客户端存储数据的新方法：

sessionStorage：针对一个 session 的数据存储短暂的，如html4中的session。

localStorage：没有时间限制的数据存储。

//sessionStorage使用示例

function saveStorage(id)

{
    var target=document.getElementById(id);
    var str=target.value;
    sessionStorage.setItme("message",str); 
   //sessionStorage.setItme("key",value); 
   //key是键名，value是键值
   //或可以写成sessionStorage.message=str;

}
function loadStorage(id)

{
     var target=document.getElementById(id);
     var msg=sessionStorage.getItem("message");
     //sessionStorage.getItem(key);为读取数据
    //也可以写成
    //msg=sessionStorage.message;
    target.innerHTML=msg;
}

//localStorage用法和sessionStorage用法相同只需要把相应的sessionStorage换成localStorage