手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Html5中如何运用Web SQL技术

时间:2024-10-24 02:39:16

1、首先在HTML5的文档中添加一个div,需要给div起一个id标识,如下图所示

Html5中如何运用Web SQL技术

2、接下来在script标签里面调用openDatabase方法打开数据库,如下图所示

Html5中如何运用Web SQL技术

3、然后我们调用transaction进行sql的执行,执行过程中主要用到了executeSql方法,如下图所示

Html5中如何运用Web SQL技术

4、另外查询存储的时候时也运用executeSql,然后配合querySelector使用,如下图所示

Html5中如何运用Web SQL技术

5、运行程序以后,你会发现已经运用web sql插入了2条数据,然后又检索了一下,如下图所示

Html5中如何运用Web SQL技术

6、最后,如果你想对数据进行删除或者更新的话,也是通过transaction和executeSql执行,只不过执行SQL变为delete和update即可,如下图所示

Html5中如何运用Web SQL技术

7、综上所述,在HTML5里面运用web sql操作数据的时候主要用了transaction,executeSql,querySelector三个功能

© 手抄报圈