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 07 HTML / CSS
CSS3 Flexbox中flex-shrink属性的用法示例介绍
Dec 30 HTML / CSS
使用CSS3来代替JS实现交互
Aug 10 HTML / CSS
利用css3径向渐变做一张优惠券的示例
Mar 22 HTML / CSS
html5新增的属性和废除的属性简要概述
Feb 20 HTML / CSS
使用HTML5的表单验证的简单示例
Sep 09 HTML / CSS
详解HTML5中表单验证的8种方法介绍
Dec 19 HTML / CSS
基于Html5实现的语音搜索功能
May 13 HTML / CSS
CSS几步实现赛博朋克2077风格视觉效果
Jun 16 HTML / CSS
html+css实现滚动到元素位置显示加载动画效果
Aug 02 HTML / CSS
CSS三大特性继承性、层叠性和优先级详解
Jan 18 HTML / CSS
关于CSS自定义属性与前端页面的主题切换问题
Mar 21 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使用ffmpeg给视频增加字幕显示的方法
2015/03/12 PHP
微信公众平台开发之配置与请求
2015/08/26 PHP
php获得客户端浏览器名称及版本的方法(基于ECShop函数)
2015/12/23 PHP
PHP中for循环与foreach的区别
2017/03/06 PHP
PHP处理bmp格式图片的方法分析
2017/07/04 PHP
使用jquery自定义鼠标样式满足个性需求
2013/11/05 Javascript
jqgrid 表格数据导出实例
2013/11/21 Javascript
javascript学习笔记(二)数组和对象部分
2014/09/30 Javascript
使用JavaScript链式编程实现模拟Jquery函数
2014/12/21 Javascript
javascript创建函数的20种方式汇总
2015/06/23 Javascript
jquery实现经典的淡入淡出选项卡效果代码
2015/09/22 Javascript
javascript动态生成树形菜单的方法
2015/11/14 Javascript
使用js获取地址栏参数的方法推荐(超级简单)
2016/06/14 Javascript
Angular和百度地图的结合实例代码
2016/10/19 Javascript
AngularJS表格样式简单设置方法示例
2017/03/03 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
使用ajax的post同步执行(实现方法)
2017/12/21 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
2018/01/13 Javascript
axios简单实现小程序延时loading指示
2018/07/30 Javascript
微信小程序页面间值传递的两种方法
2018/11/26 Javascript
Python3基础之条件与循环控制实例解析
2014/08/13 Python
python的类方法和静态方法
2014/12/13 Python
opencv实现图片模糊和锐化操作
2018/11/19 Python
python字符串Intern机制详解
2019/07/01 Python
Python基础之字典常见操作经典实例详解
2020/02/26 Python
amazeui页面分析之登录页面的示例代码
2020/08/25 HTML / CSS
Hotels.com印度:酒店预订
2019/05/11 全球购物
EJB2和EJB3在架构上的不同点
2014/09/29 面试题
加多宝凉茶广告词
2014/03/18 职场文书
房展策划方案
2014/06/07 职场文书
2014年帮扶工作总结
2014/11/26 职场文书
安徽导游词
2015/02/12 职场文书
财政局长个人总结
2015/03/04 职场文书
组织委员竞选稿
2015/11/21 职场文书
2016婚礼主持词开场白
2015/11/24 职场文书
Pytorch反向传播中的细节-计算梯度时的默认累加操作
2021/06/05 Python