博客新开张,欢迎大家来看看。头一次写,不怎么会弄。
只是喜欢没事研究研究技术,欢迎大家多多交流指正~~
最近研究html5 ,其中的一项新功能 本地存储。
在HTML5中,本地存储是一个window的属性,包括localStorage和seposition:rage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了。
以localStorage为基础,主流的html5 浏览器 ,相继都支持了web database,可以轻松实现本地数据库操作。
以下是我研究html5 web数据库的js代码:个人测验,谷歌,遨游,苹果的浏览器都是支持的。
- function dataBaseOperator() {
- try {
- window.openDatabase("mydata", "1.0", "test", 2 * 1024 * 1024);
- }catch(e){
- alert("您的浏览器不支持 web DateBase");
- }
- this.executeNonQuery = function (sql, parameters, callback) {
- var db = this.openDatabase();
- db.transaction(function (trans) {
- trans.executeSql(sql, parameters, function (trans, result) {
- callback(result);
- }, function (trans, error) {
- throw error.message;
- });
- });
- };
- }
- var db = new dataBaseOperator;
以上,实现对web database 的创建,以及sql语句的执行方法。
其中sql语句支持sqllite标准语法。
另外,介绍一下本人的个人网站主要就是瞎搞下学习的技术,http://walter-mt.xicp.net
这个是用我本机建的站,所以不能保证实时畅通(只有我开机的时候好用),上面有两个 html5的游戏 都是支持本地 的哦。大家可以离线玩玩~