H5中的web dataBase数据库---------------------需测试

最新推荐文章于 2022-10-26 13:56:51 发布

weixin_33681778

最新推荐文章于 2022-10-26 13:56:51 发布

阅读量215

点赞数

文章标签：数据库 javascript ViewUI

1.介绍

2.核心方法

3.openDatabase方法

4.transaction方法

5.executeSql方法

6.举例

7.程序

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>html5-dataBase</title>
 6 </head>
 7 
 8 
 9 <body>
10 <script type="text/javascript">
11 var db = window.openDatabase("mydata", "1.0","数据库描述",20000);
12 //window.openDatabase("数据库名字", "版本","数据库描述",数据库大小);
13 if(db)  
14      alert("新建数据库成功！"); 
15      
16 db.transaction(function(tx) {
17     tx.executeSql("CREATE TABLE test (id int UNIQUE, mytitle TEXT, timestamp REAL)");
18 });
19 
20 db.transaction(function(tx) {
21     tx.executeSql("INSERT INTO test (mytitle, timestamp) values(?, ?)", ["WEB Database", new Date().getTime()], null, null);
22 });
23 
24 //db.transaction(function(tx) {
25 //    tx.executeSql("DROP TABLE qqs");
26 //})
27 
28 //db.transaction(function(tx) {
29 //    tx.executeSql("update test set mytitle=? where mytitle = 'fsafdsaf'",['xp'],null,null);
30 //});
31 
32 db.transaction(function(tx) {
33     tx.executeSql("SELECT * FROM test", [],  
34      function(tx, result) {
35          for(var i = 0; i < result.rows.length; i++){ 
36             document.write('<b>' + result.rows.item(i)['mytitle'] + '</b><br />'); 
37         } 
38     }, function(){
39         alert("error");
40     }); 
41 }); 
42 </script>
43 </body>
44 </html>

weixin_33681778

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
H5中的web dataBase数据库---------------------需测试

1.介绍　　 2.核心方法　　 3.openDatabase方法　　 4.transaction方法　　 5.executeSql方法　　 6.举例　　 7.程序 1 &lt;!DOCTYPE HTML&gt; 2 &lt;html&gt; 3 &lt;head&gt; 4 &lt;meta http-equiv="Content-Type" cont...
复制链接

扫一扫