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;
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;
相关文章推荐
- Android开发本地及网络Mp3音乐播放器(十)最近播放界面与数据保存更新
- ejb 3 开发快速入门 4 将数据保存到数据库中
- Android开发本地及网络Mp3音乐播放器(十)最近播放界面与数据保存更新
- 【麦子学院】03.web前端开发之HTML5+CSS3快速入门之基本HTML5元素介绍
- Android开发从入门到放弃(3)使用SharedPreferences保存数据
- iPhone开发入门笔记(三)—关于数据类型介绍 (NSObject)
- ejb 3 开发快速入门 5 将数据保存到数据库中之Queries and EJB QL
- 提高安卓APP开发效率、管理代码的架子(二):BaseProtocol(加载数据,访问本地, 访问服务器,保存本地)
- firefox addon - 开发firefox addon,如何将数据保存到本地文件中
- Java版SLG游戏开发入门[2]--数据的读取及保存
- JavaScript 实践HTML5 localStorage 本地存储Json等数据 助于移动设备和web前端开发
- cocos2d-html5开发之本地数据存储
- Java版SLG游戏开发入门[2]--数据的读取及保存
- IOS开发模块总结(一)本地数据存储6 keychain使用介绍
- 从零开始学微信小程序开发:4 美化UI界面 5 保存数据到本地
- Android开发:Sqlite 3 本地保存数据是否可以在不同的app应用下相互读取
- html5使用local storage存储的数据在本地是以何种形式保存的
- lae界面开发工具入门之介绍十三--<如何获取数据?>
- cocos2d-html5开发之本地数据存储
- Java版SLG游戏开发入门[2]--数据的读取及保存