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 translate完美实现表头固定效果
Feb 28 HTML / CSS
css3 盒模型以及box-sizing属性全面了解
Sep 20 HTML / CSS
css3 实现元素弧线运动的示例代码
Apr 24 HTML / CSS
html5 application cache遇到的严重问题
Dec 26 HTML / CSS
HTML5+CSS3绘制锯齿状的矩形
Mar 01 HTML / CSS
HTML5移动端开发中的Viewport标签及相关CSS用法解析
Apr 15 HTML / CSS
HTML5进阶段内联标签汇总(小篇)
Jul 13 HTML / CSS
HTML5和CSS3实例教程总结(推荐)
Jul 18 HTML / CSS
HTML5+CSS3实现机器猫
Oct 17 HTML / CSS
浅析HTML5页面元素及属性
Jan 20 HTML / CSS
css3 选择器
May 11 HTML / CSS
table不让td文字溢出操作方法
Dec 24 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数组中删除元素之重新索引的方法
2014/09/16 PHP
Thinkphp页面跳转设置跳转等待时间的操作
2019/10/16 PHP
JavaScript 获得选中文本内容的方法
2009/02/15 Javascript
Javascript变量作用域详解
2013/12/06 Javascript
jquery动态更换设置背景图的方法
2014/03/25 Javascript
尝试动手制作javascript放大镜效果
2015/12/25 Javascript
JavaScript动态添加事件之事件委托
2016/07/12 Javascript
如何防止INPUT按回车自动提交表单FORM
2016/12/06 Javascript
nodejs处理图片的中间件node-images详解
2017/05/08 NodeJs
Javascript中prototype与__proto__的关系详解
2018/03/11 Javascript
vue脚手架搭建项目的兼容性配置详解
2018/07/17 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
2018/10/11 Javascript
Vue slot用法(小结)
2018/10/22 Javascript
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
2019/07/16 Javascript
JS面向对象编程基础篇(一) 对象和构造函数实例详解
2020/03/03 Javascript
Node.js文本文件BOM头的去除方法
2020/11/22 Javascript
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
2020/12/01 Vue.js
[01:05:59]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
开源Web应用框架Django图文教程
2017/03/09 Python
Python线性方程组求解运算示例
2018/01/17 Python
TensorFlow实现简单卷积神经网络
2018/05/24 Python
使用memory_profiler监测python代码运行时内存消耗方法
2018/12/03 Python
对Python3之方法的覆盖与super函数详解
2019/06/26 Python
使用PyTorch训练一个图像分类器实例
2020/01/08 Python
THE OUTNET美国官网:国际设计师品牌折扣网站
2017/03/07 全球购物
彪马荷兰官网:PUMA荷兰
2019/05/08 全球购物
什么是跨站脚本攻击
2014/12/11 面试题
新闻系毕业生推荐信
2013/11/16 职场文书
学生党员思想汇报范文
2014/01/09 职场文书
幼儿园毕业园长感言
2014/02/24 职场文书
岗位说明书范文
2014/05/07 职场文书
家长建议怎么写
2014/05/15 职场文书
个人作风建设剖析材料
2014/10/11 职场文书
2014年银行客户经理工作总结
2014/11/12 职场文书
2015年街道除四害工作总结
2015/05/15 职场文书