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实现可关闭的下拉手风琴菜单效果
Aug 31 HTML / CSS
纯CSS3单页切换导航菜单界面设计的简单实现
Aug 16 HTML / CSS
css3实现可拖动的魔方3d效果
May 07 HTML / CSS
详解background属性的8个属性值(面试题)
Nov 02 HTML / CSS
html5 桌面提醒:Notifycations应用介绍
Nov 27 HTML / CSS
深入探究HTML5的History API
Jul 09 HTML / CSS
mui几种页面跳转方式对比总结概括
Aug 18 HTML / CSS
浅谈html5之sse服务器发送事件EventSource介绍
Aug 28 HTML / CSS
SVG实现多彩圆环倒计时效果的示例代码
Nov 21 HTML / CSS
利用三角函数在canvas上画虚线的方法
Jan 11 HTML / CSS
详解canvas绘图时遇到的跨域问题
Mar 22 HTML / CSS
CSS 左边固定宽右边自适应的6种方法
May 15 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 URL地址获取函数代码(端口等) 推荐
2010/05/15 PHP
php Notice: Undefined index 错误提示解决方法
2010/08/29 PHP
php实现每日签到功能
2018/11/29 PHP
PHP开发API接口签名生成及验证操作示例
2020/05/27 PHP
动态调用css文件——jquery的应用
2007/02/20 Javascript
分享几个超级震憾的图片特效
2012/01/08 Javascript
js中事件的处理与浏览器对象示例介绍
2013/11/29 Javascript
nodejs读取memcache示例分享
2014/01/02 NodeJs
javascript实现动态表头及表列的展现方法
2015/07/14 Javascript
浅谈javascript获取元素transform参数
2015/07/24 Javascript
适用于javascript开发者的Processing.js入门教程
2016/02/24 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
JS+Canvas绘制时钟效果
2020/08/20 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
2016/07/07 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
2016/11/10 Javascript
Javascript调试之console对象——你不知道的一些小技巧
2017/07/10 Javascript
JavaScript中的高级函数
2018/01/04 Javascript
axios全局注册,设置token,以及全局设置url请求网段的方法
2018/09/25 Javascript
小程序获取当前位置加搜索附近热门小区及商区的方法
2019/04/08 Javascript
详解Vue底部导航栏组件
2019/05/02 Javascript
Vue实现附件上传功能
2020/05/28 Javascript
Vue如何实现验证码输入交互
2020/12/07 Vue.js
在JavaScript中查找字符串中最长单词的三种方法(推荐)
2021/01/18 Javascript
Python中捕捉详细异常信息的代码示例
2014/09/18 Python
以一段代码为实例快速入门Python2.7
2015/03/31 Python
用Django实现一个可运行的区块链应用
2018/03/08 Python
在Windows中设置Python环境变量的实例讲解
2018/04/28 Python
解决pycharm的Python console不能调试当前程序的问题
2019/01/20 Python
Python对Tornado请求与响应的数据处理
2020/02/12 Python
html5中canvas图表实现柱状图的示例
2017/11/13 HTML / CSS
献爱心活动总结
2014/05/07 职场文书
环境卫生标语
2014/06/09 职场文书
节约用水的口号
2014/06/20 职场文书
催款函范文
2015/06/24 职场文书
麦田里的守望者读书笔记
2015/06/30 职场文书
一篇文章看懂MySQL主从复制与读写分离
2021/11/07 MySQL