html5 try upgrading your browser,用html5做flex的离线应用程序

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

HTML5 草案的前身名为 Web Application 1.0, HTML5 的目标是保持和当前 HTML 标准 HTM L4.01 以及 HTML 的 XML 版本 XHMTL1.0 向后兼容。HTML5 规范仍然在演化之中，提到的新特性很多，下面是对这些新特性的简要说明：

•新的布局元素，包括日历控件、地址卡、标尺和进度条

•视频、音频的支持，包括 Ogg、MPEG4 等格式的支持

•Web 存储，提供在客户端存储数据的新方法

HTML5 提供了两种在客户端存储数据的新方法：

•localStorage -- 没有时间限制的数据存储

•sessionStorage -- 针对一个 session 的数据存储

HTML5 存储为 Web 站点提供了在本地计算机上存储和提取数据的方法，之前这些都是由 Cookie 机制完成的，但是 Cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 Cookie 速度很慢而且效率不高。在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。HTML5 使用 JavaScript 来存储和访问数据。

HTML5 存储是基于键值对的，用被命名的 key 来存储数据，并以同样的 key 来取得这个数据。Key 的类型为 string，而存储的数据可以是任何 JavaScript 支持的类型，包括 string, Boolean, integer, 或者 float。 然而，数据的存储实际上还是 string，如果需要存储或提取任何非 string 类型的数据，则需要显示地调用诸如 parseInt()，parseFloat() 等函数将数据转换为 JavaScript 期望的数据类型。

目前标准的 HTML5 存储也有一些限制需要注意，它的大小上限为 5M，如果超过这个限制将会抛出“QUOTA_EXCEEDED_ERR”的异常，这个需要时刻注意。不过相对于 string 类型来说，5M 已经是不小的存储容量。

HTML5 localStorage API

localStorage 按照 HTML5 的规范，实现了 DOM Storage 接口，存储的是键值对结构，API 有：

· getter any getItem(in DOMString key): 返回 key 对应的 value，如果 key 不存在则返回 null，而不是抛出异常；

· setter creator void setItem(in DOMString key, in any data)：在 localStorage 中添加 键值对，如果 key 存在则更新 key 对应的 value 值；

· deleter void removeItem(in DOMString key)：从 localStorage 中删除键为 key 的 item，如果 key 不存在则什么都不做；

· void clear()：删除 localStorage 中所有的键值对；

· readonly attribute unsigned long length：返回 localStorage 中所有键值对的个数；

· getter DOMString key( int unsigned long index)：返回 index 对应的 key，如果 index 不在 [0, length-1] 的范围内，则返回 null。

一个入门的例子 - Flex 应用和 HTML5 localStorage 结合

前面介绍了 HTML5 离线存储中 localStorage 的特点和 API，下面将选择 Flex 作为表现层来展现我们的示例程序，以进一步了解 HTML5 离线存储中 localStorage 的应用。

本示例在 Flex 的 MXML 中通过 ExternalInterface 调用 JavaScript 代码来实现 HTML 页面标题的改变：

02.

03.

04.  

05.      import flash.external.*;

06.

07.      // 用于改变页面的标题

08.      public function callWrapper():void {