在我们学习编程语言的时候肯定会比较多的听到数据库连接，那么为什么要连接数据库呢？因为他可以做到数据的一个共享、减少一个数据的冗余度、实现数据的一个集中的控制、确保数据的安全可靠性和数据的一致性可维护性。那么在 HTML5 中我们应该如何连接数据库呢？在数据库的连接中我们需要使用 openDatabase、transaction和 executeSql 这三个方法，接下来我们就来说说怎么连接吧！

步骤一：

---

打开开发工具连接数据库创建一个新的数据库，代码如下：

var dataBase = openDatabase("student", "1.0", "student", 1024 * 1024, function () { });
if (!dataBase) {
alert("数据库创建失败！");
} else {
alert("数据库创建成功！");
}

步骤二：

---

完成一个数据库之后在进行一个数据库表格的创建，用来存取数据。代码如下：

this.createTable = function() {
	dataBase.transaction(function(tx) {
		tx.executeSql(
			"create table if not exists stu (id REAL UNIQUE, name TEXT)",
			[],
			function(tx, result) {
				alert('创建stu表成功');
			},
			function(tx, error) {
				alert('创建stu表失败:' + error.message);
			});
	});
}

步骤三：

---

完成表格创建之后我们需要进行一个执行数据库的增删改查的步骤，代码如下：

this.insert = function() {
		dataBase.transaction(function(tx) {
			tx.executeSql(
				"insert into stu (id, name) values(?, ?)",
				[id, '小明'],
				function() {
					alert('添加数据成功');
				},
				function(tx, error) {
					alert('添加数据失败: ' + error.message);
				});
		});

---

总结：

以上就是一个有关于在 HTML5 中我们应该如何连接数据库的一个方法，当然如果你有更好的方法也可以分享给小编喔！想更深入的了解数据库的话可以在HTML5 Web SQL进行学习和了解喔！也希望小编的分享对你有所帮助！