18910140161

HTML5本地缓存

顺晟科技

2021-06-16 10:55:13

274

LocalStorage(本地存储),可以长时间存储数据,没有时间限制,可以使用,一年,两年甚至更长时间。SessionStorage只在浏览器关闭前使用,创建另一个页面时可以使用,关闭浏览器后数据会消失。

HTML5的localStorage API中的localStorage和sessionStorage在用法上是一样的,区别是sessionStorage在关闭页面后会清空,而localStorage会一直保存。这里我们以localStorage为例,简单介绍HTML5的本地存储,并举例说明遍历等一些常见问题。LocalStorage是HTML5本地存储的API,使用键值对访问数据,访问的数据只能是字符串。不同的浏览器对这个API有不同的支持,比如使用情况,更大存储空间等。

让我们用sessionStorage编写一个本地缓存类

首先创建一个缓存对象HTML5本地缓存

2.此对象中有以下方法

HTML5本地缓存

HTML5本地缓存

HTML5本地缓存

HTML5本地缓存

整体代码

HTML5本地缓存

3.使用

var ArtStorage=new ArtStorage();

//设置

ArtStorage.set(key,value,0)//key,value,cache time(以秒为单位,0表示无超时)

获得

alert(ArtStorage . get(key));

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航