日期:2014-05-17 浏览次数:20887 次
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;
}
?