HTML5一步一步走——独力数据存储(九)
日期：2014-05-17 浏览次数：20641 次
HTML5一步一步走——独立数据存储(九)
HTML离线存储的两种方式：
在使用web存储API之前需要做的第一件事情是核查用户的浏览器是否支持这一API：
function checkLocalStorageSupport() {
try {
return 'localStorage' in window && window['localStorage'] !== null;
} catch (e) {
return false;
}
}
sessionStorage还是localStorage存储结构本质上仍然是个哈希表。
它们的一些属性方法有：
遍历所在存储变量
遍历数组的方法，和平时的遍历数组一个样：
for(var i=0;i<localStorage.length;i++){
var item = localStorage.getItem(localStorage.key(i));
alert("Found item"+item);
}
localStorage不同于SessionStorage，localstorage是针对协议，域名，端口，类似于全局应用。
离线存储：
上述的缓存文件相应的路径均与用户正在访问的HTML页面相关。
离线状态：
window.applicationCache
HTML离线存储的两种方式：
Web 存储：适用于具有 key/value对的基本本地存储
离线存储：利用一个 manifest文件来高速缓存所有文件以便离线使用
数据库存储
在使用web存储API之前需要做的第一件事情是核查用户的浏览器是否支持这一API：
function checkLocalStorageSupport() {
try {
return 'localStorage' in window && window['localStorage'] !== null;
} catch (e) {
return false;
}
}
sessionStorage还是localStorage存储结构本质上仍然是个哈希表。
它们的一些属性方法有：
属性/方法 返回值 描述 length integer 包含对象数目，此属性只读 key(n) domstring 数组对象返回值 getItem(key) data 获得某对象值 setItem(key,data) void 设置某对象 removeItem(key) void 移除某对象 clear() void 清空
遍历所在存储变量
遍历数组的方法，和平时的遍历数组一个样：
for(var i=0;i<localStorage.length;i++){
var item = localStorage.getItem(localStorage.key(i));
alert("Found item"+item);
}
localStorage不同于SessionStorage，localstorage是针对协议，域名，端口，类似于全局应用。
离线存储：
高速缓存的Manifest文件
Manifest文件具有一个基本架构。 每个manifest 文件以 CACHE MANIFEST 开头，并且从这里开始，列出所有浏览器需要高速缓存的、用于离线访问的文件。
CACHE MANIFEST
style.css
offlinescript.js
images/dreamweaver_logo.png
images/edge_logo.png
上述的缓存文件相应的路径均与用户正在访问的HTML页面相关。
离线状态：
window.applicationCache
取值名称含义
0 UNCACHED页面完全没有被缓存，可能是没被设
1 IDLE已经被下载并可访问
2 CHECKING正在检查缓存是否需要更新
3 DOWNLOADING发现新版本正在更新
4 UPDATEREADY已经下载完成，下次离线访问就可用
5 OBSOLETE缓存清单文件访问失败，此页面会被从缓存中清除
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
