您的位置:首页 > Web前端 > HTML5

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

2013-12-30 20:44 302 查看
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;

   
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐