HTML5 APIs - 本地SQL数据库

搜索

您当前位置：首页 > 文章中心 > HTML5+CSS3 > HTML5

【HTML5】

下载

新闻

文章

HTML5 APIs - 本地SQL数据库

有了本地数据库，我们可以进行更复杂的本地数据处理。本地数据库使用的是SQLite这款轻型数据库。

操作数据库简单的两个步骤：1.创建并打开数据库；2.执行sql语句

创建并打开数据库 javascript

var db = openDatabase(‘mydb’, ’1.0′, ‘Test DB’, 2 * 1024 * 1024,function(){});

上面的openDatabase我用了5个参数，依次为：

1、数据库名称

2、数据库版本号

3、数据库说明

4、数据库大小

5、创建数据库回调函数（在数据库创建后会执行回调函数，回调函数是可选的。）<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8" />
<title>HTML5 APIs - 本地SQL数据库（Web SQL Database）</title>
</head>
<body>
<div id="box">
	<h2>Message</h2>
</div>

<script type="text/javascript">
var db = openDatabase('mydb', '1.0', 'my first database', 2 * 1024 * 1024),
	addMsg = function (msg) {
		var box = document.getElementById('box'),
			p = document.createElement('p');
		p.innerHTML = msg;
		box.appendChild(p);
	};

db.transaction(function (tx) {
	tx.executeSql('CREATE TABLE IF NOT EXISTS foo (id unique, text)');
	tx.executeSql('INSERT INTO foo (id, text) VALUES (1, "synergies")');
	tx.executeSql('INSERT INTO foo (id, text) VALUES (2, "i love javascript")');

	addMsg('Table created and row inserted.');
});

db.transaction(function (tx) {
  tx.executeSql('SELECT * FROM foo', [], function (tx, results) {
   var len = results.rows.length, i;

   addMsg('Found rows: '+len);

   for (i = 0; i < len; i++){
	addMsg("<b>" + results.rows.item(i).text + "</b>");
   }
 }, null);
});
</script>
</body>
</html>

更多SQLite语法>>