html5本地存储不完全指南
5页1、HTML5本地存储不完全指南本地存储不完全指南(作者系中关村北大青鸟 ACCP 讲师李玉婷)历史历史在HTML5本地存储之前,如果我们想在客户端保存持久化数据,有这么几个选择:HTTPHTTP cookiecookie。HTTP cookie的缺点很明显,最多只能存储4KB的数据,每个 HTTP请求都会被传送回服务器,明文传输(除非你使用SSL)。IEIE userDatauserData。userData是微软在上世纪90年代的浏览器大战时推出的本地 存储方案,借助DHTML的behaviour属性来存储本地数据, 允许每个页面最 多存储64K数据,每个站点最多640K数据,userData的缺点显而易见,它不 是Web标准的一部分,除非你的程序只需要支持IE, 否则它基本没什么用处。FlashFlash cookiecookie。Flash cookie的名字有些误导,它实际上和HTTP cookie并 不是一回事,或许它的名字应该叫做“Flash本地存储”,Flash cookie默认 允许每个站点存储不超过100K的数据,如果超出了,Flash会自动向用户请 求更大的存储空间,
2、借助Flash的 ExternalInterface接口,你可以很轻松 地通过Javascript操作Flash的本地存储。Flash的问题很简单,就是因为它 是 Flash。GoogleGoogle GearsGears。Gears是Google在07年发布的一个开源浏览器插件,旨在改 进各大浏览器的兼容性,Gears内置了一个基于SQLite的嵌入式 SQL数据库, 并提供了统一API对数据库进行访问,在取得用户授权之后,每个站点可以 在SQL数据库中存储不限大小的数据,Gears的问题就是 Google自己都已经 不用它了。现状现状我们现在通常所说的HTML5本地存储,一般指的是Web Storage规范,这个标准曾经 是HTML5规范的一部分,但后来因为种种原因从HTML5规范中分离了出来。但是除了 Web Storage,HTML5的本地存储标准还有另外2个竞争者:Web SQL Database和 IndexedDB。下面就让我们依次来看看这3个规范吧。WebWeb StorageStorageWeb Storage是目前得到支持最广泛的HTML5本地存储规范:IE 8+、
3、FF 3.5+、Safari 4+、Chrome 4+、Opera 10.5+,以及iPhone 2+和Android 2+都已经 支持Web Storage,要判断你的浏览器是否支持Web Storage,可以使用下面这个函数: 代码 function supports_html5_storage() try return localStorage in window catch (e) return false; HTML5 Storage的使用非常简单: 代码 var foo = localStorage.getItem(“bar“); / . localStorage.setItem(“bar“, foo); 你也可以写成下面这样: 代码 var foo = localStorage“bar“; / . localStorage“bar“ = foo; 如果要将某个key从存储空间删除,可以调用removeItem: 代码 localStorage.removeItem(foo); 你也可以像遍历数组那样遍历存储的所有键值对象: 代码 for(var i=0; ivar key
4、 = localStorage.key(i); console.log(key + “:“ + localStoragekey); 如果你的程序需要在不同页面访问同一个值,你可能需要了解这个值是否已经被其 他页面改变了,这可以通过向浏览器注册storage事件来实现: 代码 window.addEventListener(storage, function(e) console.log(e.key + “s value is changed from “ + e.oldValue + “ to “ + e.newValue + “ by “ + e.url); , false); /A页面 localStoragefoo = bar; /B页面 localStoragefoo = newBar; 这时你应该会在A页面的Console中看到:foos value is changed from bar to newbar by http:/localhost/test.html要注意的是,storage事件仅仅只是通知你某个键对应的值已经发生了改变,你没 有办法在回调中阻止这个改变发生。
《html5本地存储不完全指南》由会员m****分享,可在线阅读,更多相关《html5本地存储不完全指南》请在金锄头文库上搜索。
肿瘤学发展简史
综合实践课折纸ppt
综合实践张开想象的翅膀
综合实践课走进粤菜
综合性学习走进中秋节
1986--2008年全国硕士研究生入学统一考试英语试题及解析
2020版高考数学一轮复习第一章集合与常用逻辑用语第二节命题及其关系充分条件与必要条件课件
2020版高考数学一轮复习第二章函数的概念与基本初等函数Ⅰ第四节函数的图象课件理
2020版高考数学一轮复习第一章集合与常用逻辑用语第三节简单的逻辑联结词全称量词与存在量词课件理
2020版高考数学一轮复习第二章函数的概念与基本初等函数Ⅰ第五节二次函数与幂函数课件理
2020版高考数学一轮复习第二章不等式第二节一元二次不等式及其解法课件
2020版高考数学一轮复习第二章函数的概念与基本初等函数Ⅰ第七节对数与对数函数课件理
2020版高考数学一轮复习第二章不等式第四节二元一次不等式组及简单的线性规划问题课件
2020版高考数学一轮复习第二章不等式第一节不等关系与不等式课件
2020版高考数学一轮复习第二章不等式第三节绝对值不等式课件
2020版高考历史一轮复习第五单元古代中国经济的基本结构与特点第1讲古代中国的农业和手工业课件新人教版必修
2020版高考数学一轮复习第二章函数的概念与基本初等函数Ⅰ第三节函数的奇偶性及周期性课件理
2020版高考数学一轮复习第二章函数的概念与基本初等函数Ⅰ第九节函数模型及其应用课件理
2020版高考数学一轮复习第二章不等式第五节基本不等式课件
2020版高考历史一轮复习第十三单元近现代中国的思想解放及理论成果和科教文化第3讲现代中国的科技教育与文学艺术课件新人教版必修
2023-08-28 32页
2023-08-14 14页
2023-05-06 1页
2022-09-13 53页
2022-06-04 1页
2022-06-04 3页
2022-06-04 6页
2022-05-20 10页
2022-04-05 14页
2021-12-16 20页