1、首先在HTML5的文档中添加一个div,需要给div起一个id标识,如下图所示
2、接下来在script标签里面调用openDatabase方法打开数据库,如下图所示
3、然后我们调用transaction进行sql的执行,执行过程中主要用到了executeSql方法,如下图所示
4、另外查询存储的时候时也运用executeSql,然后配合querySelector使用,如下图所示
5、运行程序以后,你会发现已经运用web sql插入了2条数据,然后又检索了一下,如下图所示
6、最后,如果你想对数据进行删除或者更新的话,也是通过transaction和executeSql执行,只不过执行SQL变为delete和update即可,如下图所示
7、综上所述,在HTML5里面运用web sql操作数据的时候主要用了transaction,executeSql,querySelector三个功能