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解决移动页面上点击链接触发色块的问题
Jun 03 HTML / CSS
CSS3制作漂亮的照片墙的实现代码
Jun 08 HTML / CSS
利用CSS3把图片变成灰色模式的实例代码
Sep 06 HTML / CSS
利用CSS3实现进度条的两种姿势详解
Mar 21 HTML / CSS
css3实现六边形边框的实例代码
May 24 HTML / CSS
CSS3 border-radius圆角的实现方法及用法详解
Sep 14 HTML / CSS
调用HTML5的Canvas API绘制图形的快速入门指南
Jun 17 HTML / CSS
html5将图片转换成base64的实例代码
Sep 21 HTML / CSS
HTML5无刷新改变当前url的代码
Mar 15 HTML / CSS
Html5新增标签有哪些
Apr 13 HTML / CSS
HTML5 Canvas实现放大镜效果示例
Mar 25 HTML / CSS
css如何把元素固定在容器底部的四种方式
Jun 16 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防注入,表单提交值转义的实现详解
2013/06/10 PHP
PHP从二维数组得到N层分类树的实现代码
2016/10/11 PHP
PHP5.5安装PHPRedis扩展及连接测试方法
2017/01/22 PHP
php中文语义分析实现方法示例
2019/09/28 PHP
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
2010/04/15 Javascript
基于jquery的放大镜效果
2012/05/30 Javascript
一行代码实现纯数据json对象的深度克隆实现思路
2013/01/09 Javascript
自定义jQuery选项卡插件实例
2013/03/27 Javascript
jquery实现手风琴效果
2015/11/20 Javascript
js实现文字超出部分用省略号代替实例代码
2016/09/01 Javascript
jquery仿ps颜色拾取功能
2017/03/08 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
2017/07/26 Javascript
关于JavaScript中forEach和each用法浅析
2017/07/27 Javascript
Angular 作用域scope的具体使用
2017/12/11 Javascript
AngularJS select加载数据选中默认值的方法
2018/02/28 Javascript
layUI实现三级导航菜单效果
2019/07/26 Javascript
angularjs请求数据的方法示例
2019/08/06 Javascript
js HTML DOM EventListener功能与用法实例分析
2020/04/27 Javascript
[01:00:17]DOTA2-DPC中国联赛 正赛 SAG vs Dynasty BO3 第二场 1月25日
2021/03/11 DOTA
python实现自动登录人人网并访问最近来访者实例
2014/09/26 Python
用Python写飞机大战游戏之pygame入门(4):获取鼠标的位置及运动
2015/11/05 Python
python操作excel文件并输出txt文件的实例
2018/07/10 Python
python datetime中strptime用法详解
2019/08/29 Python
Python编写一个验证码图片数据标注GUI程序附源码
2019/12/09 Python
pandas分组聚合详解
2020/04/10 Python
python使用matplotlib绘制折线图的示例代码
2020/09/22 Python
公休请假条
2014/04/11 职场文书
暑假社会实践心得体会
2014/09/02 职场文书
无犯罪记录证明
2014/09/19 职场文书
消防安全月活动总结
2015/05/08 职场文书
2015年科研工作总结范文
2015/05/13 职场文书
金砖之国观后感
2015/06/11 职场文书
python数据库批量插入数据的实现(executemany的使用)
2021/04/30 Python
我对PyTorch dataloader里的shuffle=True的理解
2021/05/20 Python
python用tkinter开发的扫雷游戏
2021/06/01 Python