HTML 5 基础教程

HTML是超文本标记语言，是一种专门用来制作网页的语言，而HTML5就是它的第五个版本，2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成，该标准针对当前互联网的飞速发展制定了更加标准的网页语言规范及适用功能，同时也给我们开发者带来了更多的开发选择，学习它是每个前端开发者必修的课程。

W3CAPI

2020-06-15 06:59:35

HTML5 Web SQL数据库使用方法及步骤

了解了 HTML5 Web SQL数据库的一些基础概念后，我们就要去了解如何使用它了；HTML5 Web SQL 给我们提供了支持SQL操作的几个核心方法，以下是规范中定义的三个核心方法：

openDatabase：这个方法使用现有的数据库或者新建的数据库来创建一个JS数据库对象。
transaction：这个方法让我们能够控制一个事务，以及基于这种情况执行提交或者回滚。
executeSql：这个方法用于执行实际的 SQL 查询（DDL、DML、DCL）。

在日常开发中我们可以按照如下步骤使用 HTML5 Web SQL：

一，判断浏览器是否支持 HTML5 Web SQL

二，使用 openDatabase 打开或者创建一个数据库

var db = openDatabase('w3capi', '1.0', 'Test DB', 2 * 1024 * 1024,function (newdb){
    console.log(newdb);
});

openDatabase() 方法来打开已存在的数据库，如果数据库不存在，则会创建一个新的数据库。

openDatabase() 方法对应的五个参数说明：

数据库名称
版本号
描述文本
数据库大小
数据库创建的回调函数：在创建数据库后被调用，如果数据库已经存在则不会进行回调

三，使用数据库对象的 transaction()方法来开启事务

db.transaction(function (tx) {
});

四，执行SQL的增删改查操作

db.transaction(function (tx) {
    tx.executeSql('CREATE TABLE IF NOT EXISTS user (id unique, name,age)');
});

在开启事务后，我们可以使用数据库对象的 executeSql()方法来执行各种sql语句（增删改查，只要符合sql语句的标准语法即可），如上代码为创建一个user表，如果当前数据库中不存在则创建。