html5开发之本地数据保存入门介绍-…

HTML5中提供的两种保存本地数据的功能，为Web Storage与Web SQL Database。Web Storage是在客户端以key-value形式保存数据的功能。Web SQL Database 是HTML5草案中追加新功能之一，用户可以通过他在客户端使用关系数据库。

通过Web Storage提供的这种以key-value形式保存数据的功能，可以允许用户保存在应用程序上的各种设置。类似于HTML4中提供的Cookie功能，但比Cookie拥有更好的安全性。

Web Storage中按照保存数据的周期分成两种方式，即关闭窗口就消失的存储方式sessionStorage,另一种为关闭窗口之后仍然存在的存储方式localStorage。localStorage中会按照主机URL(协议：//主机:端口)为单位进行数据存储。

上述功能分别由window.sessionStorage以及window.localStorage对象来提供。

• length 返回保存的数据的个数
• Key(index) 指定索引序号index取得key
• getItem(key) 通过key取得对应的value
• setItem(key,value) 保存为key-value,key与value都为字符串
• removeItem(key) 删除key对应的value
• clear（） 删除所有的数据

   另外，还可以通过如下的形式镜像数据的存取

   

   //设置值

   localStorage.keyname="value";

   

   //取得值

   var v=localStorage.keyname;