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 flex布局之快速实现BorderLayout布局
Dec 03 HTML / CSS
CSS3绘制六边形的简单实现
Aug 25 HTML / CSS
css3实现3D文本悬停改变效果的示例代码
Jan 16 HTML / CSS
使用Canvas操作像素的方法
Jun 14 HTML / CSS
canvas实现有递增动画的环形进度条的实现方法
Jul 10 HTML / CSS
html5文字阴影效果text-shadow使用示例
Jul 25 HTML / CSS
一个不错的HTML5 Canvas多层点击事件监听实例
Apr 29 HTML / CSS
Html5实现用户注册自动校验功能实例代码
May 24 HTML / CSS
10个最常见的HTML5面试题 附答案
Jun 06 HTML / CSS
html5是什么_动力节点Java学院整理
Jul 07 HTML / CSS
Canvas制作的下雨动画的示例
Mar 06 HTML / CSS
canvas画图被放大且模糊的解决方法
Aug 11 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
德生PL660的电路分析和打磨
2021/03/02 无线电
PHP入门速成教程
2007/03/19 PHP
php设计模式 Proxy (代理模式)
2011/06/26 PHP
Laravel 框架控制器 Controller原理与用法实例分析
2020/04/14 PHP
javascript开发中因空格引发的错误
2010/11/08 Javascript
JavaScript中的变量作用域介绍
2014/12/31 Javascript
Nodejs为什么选择javascript为载体语言
2015/01/13 NodeJs
JavaScript简介
2015/02/15 Javascript
js兼容火狐获取图片宽和高的方法
2015/05/21 Javascript
javascript获取重复次数最多的字符
2015/07/08 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
微信小程序 自定义对话框实例详解
2017/01/20 Javascript
vue-cli的webpack模板项目配置文件分析
2017/04/01 Javascript
JavaScript限定范围拖拽及自定义滚动条应用(3)
2017/05/17 Javascript
微信小程序 跳转传递数据的实例
2017/07/06 Javascript
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
2017/10/25 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
2018/06/05 Javascript
vue 中 beforeRouteEnter 死循环的问题
2019/04/23 Javascript
通过实例解析js简易模块加载器
2019/06/17 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
openlayers实现图标拖动获取坐标
2020/09/25 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
[41:17]完美世界DOTA2联赛PWL S3 access vs CPG 第二场 12.13
2020/12/17 DOTA
python绘制条形图方法代码详解
2017/12/19 Python
Python实现堡垒机模式下远程命令执行操作示例
2019/05/09 Python
Python3多线程版TCP端口扫描器
2019/08/31 Python
用python-webdriver实现自动填表的示例代码
2021/01/13 Python
IE9下html5初试小刀
2010/09/21 HTML / CSS
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
美国著名珠宝品牌之一:Jared The Galleria Of Jewelry
2016/10/01 全球购物
欧洲著名的二手奢侈品网站:Vestiaire Collective
2020/03/07 全球购物
英文简历中的自我评价用语
2013/12/09 职场文书
安全承诺书格式范本
2015/04/28 职场文书
奶茶店的创业计划书该怎么写?
2019/07/15 职场文书
JavaScript与JQuery框架基础入门教程
2021/07/15 Javascript
gojs实现蚂蚁线动画效果
2022/02/18 Javascript