18、HTML5 高级 JavaScript 特性解析

HTML5 高级 JavaScript 特性解析

1. DOM 存储 API 限制

某些 API 在读写数据时，会将访问限制在与托管页面完全相同的页面域（包括域名、子域名、协议、端口等）内。这意味着无法使用这些 API 在不同域名之间共享数据。这种限制既有好处也有弊端：
- 好处 ：从隐私角度来看，数据能得到很好的保护，可防止被其他窥探性网站获取。
- 弊端 ：应用在不同域名下的不同服务无法通过此接口共享数据。

若想了解更多关于 DOM 存储 API 的信息，可参考： https://developer.mozilla.org/en/dom/storage 。

2. 应用缓存

2.1 问题提出

希望让 Web 应用（包括其所有资源）在离线状态下也能供用户使用，且不依赖于普通的浏览器缓存。

2.2 解决方案

HTML5 定义了一种特殊的应用缓存（appcache），它允许指示浏览器缓存特定资源（如图像、CSS、JS 等），即使用户的浏览器离线且未连接到公共互联网，应用也能使用这些资源。

操作步骤如下：
1. 检测浏览器支持情况 ：使用以下代码检测浏览器是否支持 appcache 功能。

var