开发者社区> 技术小胖子> 正文

html5-web本地存储

简介:
+关注继续查看

在html5中为我们提供了一种本地缓存机制,它将取代我们的cookie,并且它是不会随浏览器发会我们的服务器端的。我们可以采用js在客户端自由的操作本地缓存。html5中缓存主要有localStorage,和sessionStorage。他们的用法一致。区别在于他们的时间限制不同。localStorage是不存在时间限制的。而sessionStorage这时基于session的数据存储,在关闭或者离开网站后,数据将会被删除。

  下面我们来简单看看官方的示例操作:

javascript

localStorage.fresh = “vfresh.org”;   //设置一个键值 
var a = localStorage.fresh;   //获取键值

或者使用它的API: 
javascript

//清空storage 
localStorage.clear();

//设置一个键值 
localStorage.setItem(“fresh”,“vfresh.org”);

//获取一个键值 
localStorage.getItem(“fresh”); 

//return “vfresh.org” //获取指定下标的键的名称(如同Array) 
localStorage.key(0); 

//return “fresh” //删除一个键值 
localStorage.removeItem(“fresh”);

 

        sessionStorage相同就不用在废话了,他相当于我们的过期时间Expire=0的cookie;

 

     我的html5系列:

    1. html5声频audio和视频video
    2. html5-Canvas绘图
    3. html5之Canvas坐标变换应用-时钟实例
    4. html5-web本地存储

 





 本文转自 破狼 51CTO博客,原文链接:http://blog.51cto.com/whitewolfblog/835235,如需转载请自行联系原作者


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Prometheus 2.25.0 新特性
Prometheus [2.25.0](https://github.com/prometheus/prometheus/releases/tag/v2.25.0) 现在(2021.02.17)已经发布,在上个月的 [2.24.0](http://erdong.site/Prometheus/New-Features/New-Features-in-Prometheus-2-24-0.html) 之后又进行了很多的修复和改进。
4 0
32、64位数据类型占用字节以及内存对齐原理
32、64位数据类型占用字节以及内存对齐原理
4 0
autojs类方法重载overload
牙叔教程 简单易懂
3 0
数据结构与算法设计基础
数据结构与算法设计基础
5 0
autojs显示指定区域
牙叔教程 简单易懂
3 0
数据结构——线性表的顺序表示与实现(顺序表)
数据结构——线性表的顺序表示与实现(顺序表)
4 0
数据结构——线性表的链式表示和实现(链表总览)
数据结构——线性表的链式表示和实现(链表总览)
4 0
autojs-opencv工具箱
牙叔教程 简单易懂
4 0
Prometheus 2.26.0 新特性
Prometheus [2.26.0](https://github.com/prometheus/prometheus/releases/tag/v2.26.0) 现在(2021.03.31)已经发布,在上个月的 [2.25.0](http://erdong.site/Prometheus/New-Features/New-Features-in-Prometheus-2-25-0.html) 之后又进行了很多的修复和改进。
9 0
21115
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载