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
posted @ 2013-07-26 10:56  JulietteWang  阅读(200)  评论(0编辑  收藏  举报