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将文字描边及填充文字颜色的方法
Mar 07 HTML / CSS
CSS实现圆形放大镜狙击镜效果 只有圆圈里的放大
Dec 10 HTML / CSS
带有css3动画效果的兼容多浏览器简单导航条示例
Jan 26 HTML / CSS
使用css3制作登录表单的步骤
Apr 07 HTML / CSS
一款利用纯css3实现的win8加载动画的实例分析
Dec 11 HTML / CSS
基于CSS3实现图片模糊过滤效果
Nov 19 HTML / CSS
详解CSS3的box-shadow属性制作边框阴影效果的方法
May 10 HTML / CSS
HTML5+CSS3网页加载进度条的实现,下载进度条的代码实例
Dec 30 HTML / CSS
HTML5 实战PHP之Web页面表单设计
Oct 09 HTML / CSS
HTML5资源预加载(Link prefetch)详细介绍(给你的网页加速)
May 07 HTML / CSS
html5清空画布方法(三种)
Oct 16 HTML / CSS
html5移动端自适应布局的实现
Apr 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
改造一台复古桌面收音机
2021/03/02 无线电
Email+URL的判断和自动转换函数
2006/10/09 PHP
php生成缩略图的类代码
2008/10/02 PHP
php在多维数组中根据键名快速查询其父键以及父键值的代码
2011/05/07 PHP
PHP number_format() 函数定义和用法
2012/06/01 PHP
Prototype使用指南之hash.js
2007/01/10 Javascript
JQuery 将元素显示在屏幕的中央的代码
2010/02/27 Javascript
javascript关于继承解析
2016/05/10 Javascript
JavaScript判断数字是否为质数的方法汇总
2016/06/02 Javascript
AngularJs bootstrap搭载前台框架——基础页面
2016/09/01 Javascript
聊一聊JS中的prototype
2016/09/29 Javascript
JS插件plupload.js实现多图上传并显示进度条
2016/11/29 Javascript
vue数据双向绑定原理解析(get & set)
2017/03/08 Javascript
jQuery实现多张图片上传预览(不经过后端处理)
2017/04/29 jQuery
详解Windows下安装Nodejs步骤
2017/05/18 NodeJs
Django与Vue语法的冲突问题完美解决方法
2017/12/14 Javascript
深入浅析Vue全局组件与局部组件的区别
2018/06/15 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
2018/12/05 Javascript
node.js使用 http-proxy 创建代理服务器操作示例
2020/02/10 Javascript
JavaScript读取本地文件常用方法流程解析
2020/10/12 Javascript
Python编程之变量赋值操作实例分析
2017/07/24 Python
python实现五子棋人机对战游戏
2020/03/25 Python
Python3标准库之functools管理函数的工具详解
2020/02/27 Python
详解Python利用configparser对配置文件进行读写操作
2020/11/03 Python
解决virtualenv -p python3 venv报错的问题
2021/02/05 Python
html5 video标签屏蔽右键视频另存为的js代码
2013/11/12 HTML / CSS
英国领先的在线旅游和休闲零售商:lastminute.com
2019/01/23 全球购物
马德里著名的运动鞋商店:NOIRFONCE
2019/04/12 全球购物
Fox Racing官方网站:越野摩托车和山地自行车装备和服装
2019/12/23 全球购物
商务英语毕业生自荐信范文
2013/11/08 职场文书
档案检查欢迎词
2014/01/13 职场文书
《草原的早晨》教学反思
2014/04/08 职场文书
会计试用期自我评价怎么写
2014/09/18 职场文书
自荐信怎么写
2015/03/04 职场文书
教务处教学工作总结
2015/08/10 职场文书
解决Vue+SpringBoot+Shiro跨域问题
2021/06/09 Vue.js