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实现带动画效果导航菜单无需js
Sep 27 HTML / CSS
基于CSS3 animation动画属性实现轮播图效果
Sep 12 HTML / CSS
css3实现可拖动的魔方3d效果
May 07 HTML / CSS
HTML5本地存储之Database Storage应用介绍
Jan 06 HTML / CSS
HTML5 Web Workers之网站也能多线程的实现
Apr 24 HTML / CSS
阻止移动设备(手机、pad)浏览器双击放大网页的方法
Jun 03 HTML / CSS
利用HTML5 Canvas制作键盘及鼠标动画的实例分享
Mar 15 HTML / CSS
详解使用HTML5 Canvas创建动态粒子网格动画
Dec 14 HTML / CSS
canvas像素点操作之视频绿幕抠图
Sep 11 HTML / CSS
Html5监听手机摇一摇事件的实现
Nov 07 HTML / CSS
使用canvas对video视频某一刻截图功能
Sep 25 HTML / CSS
CSS三大特性继承性、层叠性和优先级详解
Jan 18 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去除换行(回车换行)的三种方法
2014/03/26 PHP
[原创]php常用字符串输出方法分析(echo,print,printf及sprintf)
2016/07/09 PHP
php自定义函数转换html标签示例
2016/09/29 PHP
PHP+百度AI OCR文字识别实现了图片的文字识别功能
2019/05/08 PHP
PHP实现限制域名访问的实现代码(本地验证)
2020/09/13 PHP
自己写的Javascript计算时间差函数
2013/10/28 Javascript
JavaScript的事件代理和委托实例分析
2015/03/25 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
2015/12/01 Javascript
js与jQuery实现checkbox复选框全选/全不选的方法
2016/01/05 Javascript
javascript表单控件实例讲解
2016/09/13 Javascript
jsonp跨域请求详解
2017/07/13 Javascript
vue父组件点击触发子组件事件的实例讲解
2018/02/08 Javascript
webstorm+vue初始化项目的方法
2018/10/18 Javascript
Vue.js中对css的操作(修改)具体方式详解
2018/10/30 Javascript
JS实现的贪吃蛇游戏案例详解
2019/05/01 Javascript
vue 解决form表单提交但不跳转页面的问题
2019/10/30 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
2021/02/26 Vue.js
Python实现把utf-8格式的文件转换成gbk格式的文件
2015/01/22 Python
分数霸榜! python助你微信跳一跳拿高分
2018/01/08 Python
Tensorflow 实现修改张量特定元素的值方法
2018/07/30 Python
对python实现模板生成脚本的方法详解
2019/01/30 Python
python与C、C++混编的四种方式(小结)
2019/07/15 Python
python实现图片插入文字
2019/11/26 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
pandas数据分组groupby()和统计函数agg()的使用
2021/03/04 Python
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
美国一家著名的手表在线折扣网站:Discount Watch Store
2020/02/24 全球购物
全球采购的街头服饰和帽子:Urban Excess
2020/10/28 全球购物
文明宿舍获奖感言
2014/02/07 职场文书
新闻报道策划方案
2014/06/11 职场文书
保护水资源的标语
2014/06/17 职场文书
社区禁毒宣传活动总结
2015/05/07 职场文书
房地产置业顾问工作总结
2015/10/23 职场文书
SQLServer2019 数据库的基本使用之图形化界面操作的实现
2021/04/08 SQL Server
python计算列表元素与乘积详情
2022/08/05 Python