日期:2014-05-17  浏览次数:20683 次

html5 本地存储

HTML5本地存储初探(二)
完成了UI,我们就需要对数据进行处理了。

在开始“数据”的本地存储之前,我们先来了解一下client-side database storage API:

the client-side database storage API allows web applications to store structured data locally using a medium many web developers are already familiar with – SQL.--webkit blog

目前只有webkit核心的浏览器支持这一特性。你甚至都不能在w3c的html5工作草案中找到 (cs-db)client-side database 的详细描述。

首先我们要尝试建立一个数据库链接:

try {
if(!window.openDatabase){? //检测浏览器是否支持cs-db
alert('not supported cs-db!');
} else {
var shortName = 'noteDB';
var version = '1.0';
var displayName = 'Note book database';
var maxSize = 65536;
??????????????? //创建一个数据库
var db = openDatabase(shortName,version,displayName,maxSize);
}
} catch(e){? //尝试捕获错误
if (e == 2){
alert('Invalid database version.');
} else {
alert("Unknown error "+e+".");
}
}
如果以上代码无误,你就会在safair或者chrome的开发者工具中看到这个数据库:



";
}
var listConts = $('listCont');
listConts.innerHTML = string;
}

?