博客新开张,欢迎大家来看看。头一次写,不怎么会弄。

只是喜欢没事研究研究技术,欢迎大家多多交流指正~~

最近研究html5 ,其中的一项新功能 本地存储。

HTML5中,本地存储是一个window的属性,包括localStorageseposition:rage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了。

以localStorage为基础,主流的html5 浏览器 ,相继都支持了web database,可以轻松实现本地数据库操作。

以下是我研究html5 web数据库的js代码:个人测验,谷歌,遨游,苹果的浏览器都是支持的。

 
 
 
  1. function dataBaseOperator() { 
  2. try { 
  3. window.openDatabase("mydata""1.0""test", 2 * 1024 * 1024); 
  4. }catch(e){ 
  5. alert("您的浏览器不支持 web DateBase"); 
  6. this.executeNonQuery = function (sql, parameters, callback) { 
  7. var db = this.openDatabase(); 
  8. db.transaction(function (trans) { 
  9. trans.executeSql(sql, parameters, function (trans, result) { 
  10. callback(result); 
  11. }, function (trans, error) { 
  12. throw error.message; 
  13. }); 
  14. }); 
  15. }; 
  16. var db = new dataBaseOperator; 

以上,实现对web database 的创建,以及sql语句的执行方法。

其中sql语句支持sqllite标准语法。

 

另外,介绍一下本人的个人网站主要就是瞎搞下学习的技术,http://walter-mt.xicp.net  

这个是用我本机建的站,所以不能保证实时畅通(只有我开机的时候好用),上面有两个 html5的游戏 都是支持本地 的哦。大家可以离线玩玩~