html5 web本地存储将取代我们的cookie


Posted in HTML / CSS onDecember 26, 2012

在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;
HTML / CSS 相关文章推荐
CSS3 animation实现逐帧动画效果
Jun 02 HTML / CSS
CSS3 box-sizing属性详解
Nov 15 HTML / CSS
CSS3的calc()做响应模式布局的实现方法
Sep 06 HTML / CSS
浅谈CSS3鼠标移入图片动态提示效果(transform)
Nov 06 HTML / CSS
CSS3改变浏览器滚动条样式
Jan 04 HTML / CSS
详解如何用canvas画一个微笑的表情
Mar 14 HTML / CSS
HTML5的标签的代码的简单介绍 HTML5标签的简介
May 28 HTML / CSS
HTML5拖拽的简单实例
May 30 HTML / CSS
HTML5中的Web Notification桌面右下角通知功能的实现
Apr 19 HTML / CSS
web字体加载方案优化小结
Nov 29 HTML / CSS
HTML5 textarea高度自适应的两种方案
Apr 08 HTML / CSS
canvas 基础之图像处理的使用
Apr 10 HTML / CSS
html5之Canvas路径绘图、坐标变换应用实例
Dec 26 #HTML / CSS
html5声频audio和视频video等新特性详细说明
Dec 26 #HTML / CSS
html5-Canvas可以在web中绘制各种图形
Dec 26 #HTML / CSS
在IE6系列等老式浏览器中使用HTML5的新标签实现方案
Dec 25 #HTML / CSS
HTML5引入的新数组TypedArray介绍
Dec 24 #HTML / CSS
突破canvas语法限制 让他支持链式语法
Dec 24 #HTML / CSS
HTML5重塑Web世界它将如何改变互联网
Dec 17 #HTML / CSS
You might like
推荐php模板技术[转]
2007/01/04 PHP
php email邮箱正则
2008/10/08 PHP
浅析php单例模式
2014/11/25 PHP
简单介绍PHP非阻塞模式
2016/03/03 PHP
JavaScript 动态生成方法的例子
2009/07/22 Javascript
JSONP 跨域访问代理API-yahooapis实现代码
2012/12/02 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
2013/01/23 Javascript
js判断背景图片是否加载成功使用img的width实现
2013/05/29 Javascript
javascript使用正则表达式实现去掉空格之后的字符
2015/02/15 Javascript
用NODE.JS中的流编写工具是要注意的事项
2016/03/01 Javascript
浅析Angular2子模块以及异步加载
2017/04/24 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
2017/05/01 Javascript
详解vue-cli + webpack 多页面实例配置优化方法
2017/07/13 Javascript
vue.js响应式原理解析与实现
2020/06/22 Javascript
通过实例了解JS 连续赋值
2019/09/24 Javascript
[00:32]2018DOTA2亚洲邀请赛Secret出场
2018/04/03 DOTA
Python中获取对象信息的方法
2015/04/27 Python
Python简单实现安全开关文件的两种方式
2016/09/19 Python
python sys,os,time模块的使用(包括时间格式的各种转换)
2018/04/27 Python
[原创]Python入门教程3. 列表基本操作【定义、运算、常用函数】
2018/10/30 Python
pygame游戏之旅 如何制作游戏障碍
2018/11/20 Python
在python中利用KNN实现对iris进行分类的方法
2018/12/11 Python
DRF跨域后端解决之django-cors-headers的使用
2019/01/27 Python
python tkinter实现屏保程序
2019/07/30 Python
Django CSRF认证的几种解决方案
2020/03/03 Python
解决python中显示图片的plt.imshow plt.show()内存泄漏问题
2020/04/24 Python
给ubuntu18安装python3.7的详细教程
2020/06/08 Python
将HTML5 Canvas的内容保存为图片借助toDataURL实现
2013/05/20 HTML / CSS
校园报刊亭创业计划书
2014/01/02 职场文书
荷叶母亲教学反思
2014/04/30 职场文书
理想演讲稿范文
2014/05/21 职场文书
起诉离婚协议书样本
2014/11/25 职场文书
计算机考试作弊检讨书1000字
2015/01/01 职场文书
海底两万里读书笔记
2015/06/26 职场文书
搞笑婚礼主持词开场白
2015/11/24 职场文书
SpringBoot项目多数据源及mybatis 驼峰失效的问题解决方法
2022/07/07 Java/Android