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特性绘制简易版围棋效果
Sep 28 HTML / CSS
Web前端绘制0.5像素的几种方法
Aug 11 HTML / CSS
css3圆角边框和边框阴影示例
May 05 HTML / CSS
CSS3 实现弹跳的小球动画
Oct 26 HTML / CSS
使用HTML5捕捉音频与视频信息概述及实例
Aug 22 HTML / CSS
html5 canvas fillRect坐标和大小的问题解决方法
Mar 26 HTML / CSS
HTML5不支持frameset的两种解决方法
Nov 14 HTML / CSS
详解html5页面 rem 布局适配方法
Jan 12 HTML / CSS
HTML5中form如何关闭自动完成功能的方法
Jul 02 HTML / CSS
HTML中meta标签及Keywords
Apr 15 HTML / CSS
CSS中float高度塌陷问题的四种解决方案
Apr 18 HTML / CSS
常用的文件对应的MIME类型汇总
Apr 26 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更新修改excel中的内容实例代码
2014/02/26 PHP
php ajax实现文件上传进度条
2016/03/29 PHP
PHP实现获取毫秒时间戳的方法【使用microtime()函数】
2019/03/01 PHP
PHP使用HTML5 FormData对象提交表单操作示例
2019/07/02 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
YII2框架中使用RBAC对模块,控制器,方法的权限控制及规则的使用示例
2020/03/18 PHP
cloudgamer出品ImageZoom 图片放大效果
2010/04/01 Javascript
parseInt parseFloat js字符串转换数字
2010/08/01 Javascript
jquery下jstree简单应用 - v1.0
2011/04/14 Javascript
$.ajax返回的JSON无法执行success的解决方法
2011/09/09 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
关于JavaScript命名空间的一些心得
2014/06/07 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
2016/05/31 Javascript
深入理解ECMAScript的几个关键语句
2016/06/01 Javascript
JS常用函数和常用技巧小结
2016/10/15 Javascript
javascript中replace使用方法总结
2017/03/01 Javascript
js利用for in循环获取 一个对象的所有属性以及值的实例
2017/03/30 Javascript
Vue Cli与BootStrap结合实现表格分页功能
2017/08/18 Javascript
JS实现访问DOM对象指定节点的方法示例
2018/04/04 Javascript
JavaScript中toLocaleString()和toString()的区别实例分析
2018/08/14 Javascript
在vue项目中正确使用iconfont的方法
2018/09/28 Javascript
layui 表格操作列按钮动态显示的实现方法
2019/09/06 Javascript
vue组件库的在线主题编辑器的实现思路
2020/04/03 Javascript
vue实现输入框自动跳转功能
2020/05/20 Javascript
[01:00:25]NB vs Secret 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
Python itertools模块详解
2015/05/09 Python
用python写一个windows下的定时关机脚本(推荐)
2017/03/21 Python
python print 按逗号或空格分隔的方法
2018/05/02 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
selenium获取当前页面的url、源码、title的方法
2019/06/12 Python
Python多线程threading创建及使用方法解析
2020/06/17 Python
ruby如何进行集成操作?Ruby能进行多重继承吗?
2013/10/16 面试题
精彩的英文自荐信
2014/01/30 职场文书
高级编程求职信模板
2014/02/16 职场文书
写作之关于描写老人的好段摘抄
2019/11/14 职场文书
【海涛教你打dota】体验一超神发条:咱是抢盾专业户
2022/04/01 DOTA