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
前端面试必备之CSS3的新特性
Sep 05 HTML / CSS
CSS3对图片照片进行边缘模糊处理的实现
Aug 08 HTML / CSS
css3 box-sizing属性使用参考指南
Jan 08 HTML / CSS
纯css3(无图片/js)制作的几个社交媒体网站的图标
Mar 21 HTML / CSS
使用CSS3美化HTML表单的技巧演示
May 17 HTML / CSS
css3翻牌翻数字的示例代码
Feb 07 HTML / CSS
CSS3新增布局之: flex详解
Jun 18 HTML / CSS
HTML 5.1来了 9月份正式发布 更新内容预览
Apr 26 HTML / CSS
html5+css如何实现中间大两头小的轮播效果
Dec 06 HTML / CSS
使用layui实现左侧菜单栏及动态操作tab项的方法
Nov 10 HTML / CSS
Html5调用企业微信的实现
Apr 16 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实现异步数据调用的方法
2015/12/24 PHP
解决tp5在nginx下修改配置访问的问题
2019/10/16 PHP
js的隐含参数(arguments,callee,caller)使用方法
2014/01/28 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
2016/06/14 Javascript
js实现的光标位置工具函数示例
2016/10/03 Javascript
nodejs进阶(6)—连接MySQL数据库示例
2017/01/07 NodeJs
canvas实现图像截取功能
2017/02/06 Javascript
JS验证字符串功能
2017/02/22 Javascript
JavaScript基本类型值-Number类型
2017/02/24 Javascript
jQuery实现弹窗下底部页面禁止滑动效果
2017/12/19 jQuery
详解vue的diff算法原理
2018/05/20 Javascript
Express的HTTP重定向到HTTPS的方法
2018/06/06 Javascript
微信打开网址添加在浏览器中打开提示的办法
2019/05/20 Javascript
Layui tree 下拉菜单树的实例代码
2019/09/21 Javascript
vue 中使用print.js导出pdf操作
2020/11/13 Javascript
为Python的Tornado框架配置使用Jinja2模板引擎的方法
2016/06/30 Python
python中判断文件编码的chardet(实例讲解)
2017/12/21 Python
分享一下Python数据分析常用的8款工具
2018/04/29 Python
Python+OpenCV图像处理——实现直线检测
2020/10/23 Python
CSS3中:nth-child和:nth-of-type的区别深入理解
2014/03/10 HTML / CSS
HTML5 Canvas 起步(1) - 基本概念
2009/05/12 HTML / CSS
HTML5中form如何关闭自动完成功能的方法
2018/07/02 HTML / CSS
会计岗位职责模板
2014/03/12 职场文书
学校课外活动总结
2014/05/08 职场文书
文案策划专业自荐信
2014/07/07 职场文书
电子工程求职信
2014/07/17 职场文书
公安学专业求职信
2014/07/27 职场文书
2014年社区党建工作汇报材料
2014/11/02 职场文书
邀请函格式范文
2015/02/02 职场文书
公司员工体检通知
2015/04/21 职场文书
高一军训口号
2015/12/25 职场文书
坚持不是死撑,更重要的是心态
2019/08/19 职场文书
iPhone13 Pro外观确定,升级4800万镜头,4月20日发新品
2021/04/15 数码科技
小程序与后端Java接口交互实现HelloWorld入门
2021/07/09 Java/Android
linux目录管理方法介绍
2022/06/01 Servers
canvas 中如何实现物体的框选
2022/08/05 Javascript