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 渐变(Gradients)之CSS3 线性渐变
Jul 08 HTML / CSS
让IE6支持css3,让 IE7、IE8 都支持CSS3
Oct 09 HTML / CSS
css3 盒模型以及box-sizing属性全面了解
Sep 20 HTML / CSS
利用CSS3实现平移动画效果示例代码
Oct 12 HTML / CSS
纯CSS3实现的井字棋游戏
Nov 25 HTML / CSS
HTML5在a标签内放置块级元素示例代码
Aug 23 HTML / CSS
html5实现canvas阴影效果示例
May 07 HTML / CSS
HTML5 在canvas中绘制文本附效果图
Jun 23 HTML / CSS
使用canvas绘制超炫时钟
Dec 17 HTML / CSS
HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canvas 绘制精美的图
Aug 31 HTML / CSS
HTML5和CSS3实例教程总结(推荐)
Jul 18 HTML / CSS
Html5移动端div固定到底部实现底部导航条的几种方式
Mar 09 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
Windows下的PHP5.0安装配制详解
2006/09/05 PHP
JS 网站性能优化笔记
2011/05/24 PHP
关于PHP堆栈与列队的学习
2013/06/21 PHP
浅谈Laravel核心解读之Console内核
2018/12/02 PHP
Array 重排序方法和操作方法的简单实例
2014/01/24 Javascript
jQuery学习笔记之基础中的基础
2015/01/19 Javascript
javascript中innerText和innerHTML属性用法实例分析
2015/05/13 Javascript
浅谈javascript中执行环境(作用域)与作用域链
2016/12/08 Javascript
详解JavaScript树结构
2017/01/09 Javascript
Vue中render方法的使用详解
2018/01/26 Javascript
深入理解js A*寻路算法原理与具体实现过程
2018/12/13 Javascript
新手如何快速理解js异步编程
2019/06/24 Javascript
微信小程序3D轮播实现代码
2019/09/19 Javascript
JavaScript实现背景自动切换小案例
2019/09/27 Javascript
从零开始在vue-cli4配置自适应vw布局的实现
2020/06/08 Javascript
OpenLayers3实现测量功能
2020/09/25 Javascript
python的random模块及加权随机算法的python实现方法
2017/01/04 Python
python获取当前目录路径和上级路径的实例
2018/04/26 Python
python求质数的3种方法
2018/09/28 Python
linux安装Python3.4.2的操作方法
2018/09/28 Python
解读python如何实现决策树算法
2018/10/11 Python
浅谈Python采集网页时正则表达式匹配换行符的问题
2018/12/20 Python
解决Jupyter Notebook开始菜单栏Anaconda下消失的问题
2020/04/13 Python
Python类型转换的魔术方法详解
2020/12/23 Python
使用数据结构给女朋友写个Html5走迷宫游戏
2019/11/26 HTML / CSS
美国专业级皮肤病和spa品质护肤品的高级零售网站:SkinCareRx
2017/02/06 全球购物
都柏林通行卡/城市通票:The Dublin Pass
2020/02/16 全球购物
制药工程专业个人求职自荐信
2014/01/25 职场文书
放飞中国梦演讲稿
2014/04/23 职场文书
家长通知书家长意见
2014/12/30 职场文书
会计求职自荐信范文
2015/03/04 职场文书
2015员工年度考核评语
2015/03/25 职场文书
教师节主题班会教案
2015/08/17 职场文书
2015年党务工作者个人工作总结
2015/10/22 职场文书
pygame面向对象的飞行小鸟实现(Flappy bird)
2021/04/01 Python
人民币符号
2022/02/17 杂记