Html5之数据持久化学习

本文介绍了HTML5提供的四种客户端数据存储方法:localStorage、sessionStorage、globalStorage和Web SQL Database。localStorage和sessionStorage分别用于长期和会话存储,而globalStorage仅Firefox支持,提供跨页面的数据共享。Web SQL Database则用于处理复杂的关系型数据,包括创建、打开数据库,创建表,以及执行增删改查操作。
摘要由CSDN通过智能技术生成

HTML5 提供了四种在客户端存储数据的新方法,即 localStorage 、sessionStorage、globalStorage、Web Sql Database。 


一,localStorage :

localStorage 没有时间限制的数据存储,第二天、第二周或下一年之后,数据依然可用。也就是说,localStorage是永远不会过期的,除非主动删除数据。数据可跨越多个窗口,无视当前会话,被共同访问、使用。有点像AspNet 应用程序中的全局变量Application。


二,sessionStorage :

顾名思义它就如同AspNet中的Session。 针对一个 session 的数据存储,任何一个页面存储的信息在窗口中同一网站的任何页面都可以访问它存储的数据。每个窗口的值都是独立的,它的数据会因窗口的关闭而丢失,不同窗口间的sessionStorage是不可以共享的。

 

localStorage /sessionStorage都有相同的Api 如 

localStorage.length 获得storage中的个数 

localStorage .key(n) 获得storage中第n个键值对的键 

localStorage.key = value 

localStorage.setItem(key, value) 添加 

localStorage.getItem(key)获取 

localStorage.removeItem(key) 移除 

localStorage.clear() 清除 

从上面的Api可以看出,他们其实就是键/值对,就是字典,就是JSON。既然可以看作是json ,那么对他们的操作就可以有如下方式: 

如:localStorage.name="liuzongyi" ;//添加 

localStorage["name"]="liuzongyi" ; //添加 

alert(localStorage.name);//获取 

alert(localStorage["name"]);//获取


三,globalStorage:

在浏览器关闭以后,使用globalStorage存储的信息仍能够保留下来,和sessionStorage一样,域中任何一个页面存储的信息都能被所有的页面共享。目前只有FF支持,且只支持当前域下的globalStorage存储。

 

基本用法: 

globalStorage['developer.mozilla.org'] —— 在developer.mozilla.org下面所有的子域都可以通过这个存储对象来进行读和写。 

globalStorage['mozilla.org'] —— 在mozilla.org域名下面的所有网页都可以通过这个存储对象来进行读和写。

globalStorage['org'] —— 在.org域名下面的所有网

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值