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 滤镜 webkit-filter详细介绍及使用方法
Dec 27 HTML / CSS
常用的四种CSS透明属性介绍
Apr 12 HTML / CSS
CSS3制作漂亮的照片墙的实现代码
Jun 08 HTML / CSS
10分钟理解CSS3 FlexBox弹性布局
Dec 20 HTML / CSS
CSS3实现王者荣耀匹配人员加载页面的方法
Apr 16 HTML / CSS
详解CSS3实现响应式手风琴效果
Jun 10 HTML / CSS
Canvas 文字碰撞检测并抽稀的方法
May 27 HTML / CSS
使用CSS实现弹性视频html5案例实践
Dec 26 HTML / CSS
HTML5 Canvas绘制圆点虚线实例
Jan 01 HTML / CSS
用HTML5中的Canvas结合公式绘制粒子运动的教程
May 08 HTML / CSS
HTML实现代码雨源码及效果示例
Feb 25 HTML / CSS
Html5大屏数据可视化开发的实现
Jun 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
如何把PHP转成EXE文件
2006/10/09 PHP
谈谈PHP语法(2)
2006/10/09 PHP
网页游戏开发入门教程三(简单程序应用)
2009/11/02 PHP
关于php mvc开发模式的感想
2011/06/28 PHP
ThinkPHP调用common/common.php函数提示错误function undefined的解决方法
2014/08/25 PHP
Yii2框架制作RESTful风格的API快速入门教程
2016/11/08 PHP
Thinkphp页面跳转设置跳转等待时间的操作
2019/10/16 PHP
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
js对象关系图 方便dom操作
2012/03/18 Javascript
Javascript 浮点运算的问题分析与解决方法
2013/08/27 Javascript
获得Javascript对象属性个数的示例代码
2013/11/21 Javascript
使用AngularJS 应用访问 Android 手机的图片库
2015/03/24 Javascript
angularjs在ng-repeat中使用ng-model遇到的问题
2016/01/21 Javascript
Vue2.0设置全局样式(less/sass和css)
2017/11/18 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
2018/05/07 Javascript
基于layui框架响应式布局的一些使用详解
2019/09/16 Javascript
微信小程序中使用 async/await的方法实例分析
2020/05/06 Javascript
vue实现匀速轮播效果
2020/06/29 Javascript
python中使用xlrd、xlwt操作excel表格详解
2015/01/29 Python
微信跳一跳python辅助软件思路及图像识别源码解析
2018/01/04 Python
python-docx修改已存在的Word文档的表格的字体格式方法
2018/05/08 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
Python零基础入门学习之输入与输出
2019/04/03 Python
Python如何调用外部系统命令
2019/08/07 Python
TensorFlow实现模型断点训练,checkpoint模型载入方式
2020/05/26 Python
python如何处理程序无法打开
2020/06/16 Python
HTML5声音录制/播放功能的实现代码
2018/05/03 HTML / CSS
毕业自荐信
2013/12/16 职场文书
电子信息工程专业推荐信
2014/02/14 职场文书
联谊会主持词
2014/03/26 职场文书
国际贸易毕业生求职信
2014/07/20 职场文书
住房租房协议书
2014/08/20 职场文书
手术室护士个人总结
2015/02/13 职场文书
员工辞退通知书
2015/04/17 职场文书
python requests模块的使用示例
2021/04/07 Python
Docker下安装Oracle19c
2022/04/13 Servers