WebSQL已经被标记为废弃技术,未来的版本将不再支持。建议使用IndexedDB代替WebSQL。
不过,如果你仍然需要使用WebSQL,以下是一个简单的例子:
首先,在HTML页面中创建一个数据库:
<script>
var db = openDatabase('mydb', '1.0', 'my first database', 2 * 1024 * 1024);
</script>
这将创建一个名为“mydb”的数据库,大小为2 MB。
接下来,你可以使用JavaScript瞄准SQL语句对这个数据库进行操作。例如,可以使用下面的代码来创建一个名为“mytable”的表:
<script>
db.transaction(function(tx) {
tx.executeSql('CREATE TABLE IF NOT EXISTS mytable (id INTEGER PRIMARY KEY, name)');
});
</script>
这将创建一个包含“id”和“name”列的新表。
为了向表中添加数据,你可以使用INSERT INTO语句:
<script>
db.transaction(function(tx) {
tx.executeSql('INSERT INTO mytable (name) VALUES (?)', ['John']);
tx.executeSql('INSERT INTO mytable (name) VALUES (?)', ['Jane']);
});
</script>
这将向“mytable”表中添加两个行(John和Jane)。
为了从表中检索数据,你可以使用SELECT语句:
<script>
db.transaction(function(tx) {
tx.executeSql('SELECT * FROM mytable', [], function(tx, results) {
var len = results.rows.length, i;
for (i = 0; i < len; i++) {
console.log(results.rows.item(i).name);
}
}, null);
});
</script>
这将检索所有的行,并将它们的名称打印到控制台。
这只是WebSQL的一个简单例子。使用WebSQL进行更复杂的数据库操作需要深入学习SQL语言和WebSQL API。