HTML5中引入了Web SQL Database API,它提供了在客户端使用SQL数据库的能力。然而,需要注意的是,Web SQL Database API 已经被标注为废弃,并不再是HTML5标准的一部分,因此推荐使用IndexedDB作为替代方案。

不过,如果你仍然对Web SQL Database感兴趣,下面是一个简单的示例:

1. 打开数据库:
   var db = openDatabase('myDatabase', '1.0', 'My Database', 2 * 1024 * 1024);

2. 创建表:
   db.transaction(function (tx) {
       tx.executeSql('CREATE TABLE IF NOT EXISTS myTable (id unique, data)');
   });

3. 插入数据:
   db.transaction(function (tx) {
       tx.executeSql('INSERT INTO myTable (id, data) VALUES (?, ?)', [1, 'Hello']);
   });

4. 查询数据:
   db.transaction(function (tx) {
       tx.executeSql('SELECT * FROM myTable', [], function (tx, results) {
           var len = results.rows.length;
           for (var i = 0; i < len; i++) {
               console.log(results.rows.item(i).id + ' ' + results.rows.item(i).data);
           }
       }, null);
   });

5. 关闭数据库:
   db.close();

请记住,由于Web SQL Database API 已被废弃,推荐使用 IndexedDB 作为现代的客户端数据库解决方案。如果你需要更多关于IndexedDB的信息,我可以提供相关的示例和说明。


转载请注明出处:http://www.zyzy.cn/article/detail/12437/HTML