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 相关文章推荐
让IE支持CSS3的不完全兼容方案
Sep 19 HTML / CSS
CSS3绘制有活力的链接下划线
Jul 14 HTML / CSS
CSS3贝塞尔曲线示例:创建链接悬停动画效果
Nov 19 HTML / CSS
HTML5使用Audio标签实现歌词同步的效果
Mar 17 HTML / CSS
html5构建触屏网站之touch事件介绍
Jan 07 HTML / CSS
HTML5实现预览本地图片
Feb 17 HTML / CSS
HTML5中判断横屏竖屏的方法(移动端)
Aug 04 HTML / CSS
html5是什么_动力节点Java学院整理
Jul 07 HTML / CSS
HTML5新增form控件和表单属性实例代码详解
May 15 HTML / CSS
AmazeUI 模态窗口的实现代码
Aug 18 HTML / CSS
HTML5 canvas实现的静态循环滚动播放弹幕
Jan 05 HTML / CSS
sass 常用备忘案例详解
Sep 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+Ajax实时自动检测是否联网的方法
2015/07/01 PHP
php防止CC攻击代码 php防止网页频繁刷新
2015/12/21 PHP
joomla数据库操作示例代码
2016/01/06 PHP
PHP Ajax实现无刷新附件上传
2016/08/17 PHP
ThinkPHP 模板substr的截取字符串函数详解
2017/01/09 PHP
document.onreadystatechange事件的用法分析
2009/10/17 Javascript
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
2012/05/16 Javascript
基于jquery的DIV随滚动条滚动而滚动的代码
2012/07/20 Javascript
javascript:void(0)是什么意思示例介绍
2013/11/17 Javascript
JS替换文本域内的回车示例
2014/02/18 Javascript
日常收集整理的JavaScript常用函数方法
2015/12/10 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
js中获取时间new Date()的全面介绍
2016/06/20 Javascript
jQuery事件委托之Safari
2016/07/05 Javascript
Angular.JS通过指令操作DOM的方法
2017/05/10 Javascript
JS使用插件cryptojs进行加密解密数据实例
2017/05/11 Javascript
Angular 表单控件示例代码
2017/06/26 Javascript
Angular实现的简单查询天气预报功能示例
2017/12/27 Javascript
vue 属性拦截实现双向绑定的实例代码
2018/10/24 Javascript
vue基于两个计算属性实现选中和全选功能示例
2019/02/08 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
2019/03/12 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
2020/05/09 Javascript
vue中defineProperty和Proxy的区别详解
2020/11/30 Vue.js
Python中使用scapy模拟数据包实现arp攻击、dns放大攻击例子
2014/10/23 Python
Python自定义scrapy中间模块避免重复采集的方法
2015/04/07 Python
Django项目中用JS实现加载子页面并传值的方法
2018/05/28 Python
python 发送和接收ActiveMQ消息的实例
2019/01/30 Python
python的mysql数据库建立表与插入数据操作示例
2019/09/30 Python
线程安全及Python中的GIL原理分析
2019/10/29 Python
python语言线程标准库threading.local解读总结
2019/11/10 Python
Python 调用有道翻译接口实现翻译
2020/03/02 Python
Spring @Enable模块驱动原理及使用实例
2020/06/23 Python
Django实现简单的分页功能
2021/02/22 Python
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
附答案的Java面试题
2012/11/19 面试题
导游词之西湖雷峰塔
2019/09/18 职场文书