首页 > 软件开发 > HTML >

Html5中如何运用Web SQL技术

来源:互联网 2023-03-16 19:11:17 169

我们在存储数据的时候都会运用数据库中的SQL语言,而如今HTML5中也可以通过Web SQL技术来存储数据。下面小编给大家分享一下。8NU办公区 - 实用经验教程分享!

工具/原料

  • Sublime Text

方法/步骤

  • 1

    首先在HTML5的文档中添加一个div,需要给div起一个id标识,如下图所示8NU办公区 - 实用经验教程分享!

    Html5中如何运用Web SQL技术8NU办公区 - 实用经验教程分享!

  • 1相关内容未经许可获取自百度经验
  • 2

    接下来在script标签里面调用openDatabase方法打开数据库,如下图所示8NU办公区 - 实用经验教程分享!

    Html5中如何运用Web SQL技术8NU办公区 - 实用经验教程分享!

  • 3

    然后我们调用transaction进行sql的执行,执行过程中主要用到了executeSql方法,如下图所示8NU办公区 - 实用经验教程分享!

    Html5中如何运用Web SQL技术8NU办公区 - 实用经验教程分享!

  • 4

    另外查询存储的时候时也运用executeSql,然后配合querySelector使用,如下图所示8NU办公区 - 实用经验教程分享!

    Html5中如何运用Web SQL技术8NU办公区 - 实用经验教程分享!

  • 5

    运行程序以后,你会发现已经运用web sql插入了2条数据,然后又检索了一下,如下图所示8NU办公区 - 实用经验教程分享!

    Html5中如何运用Web SQL技术8NU办公区 - 实用经验教程分享!

  • 6

    最后,如果你想对数据进行删除或者更新的话,也是通过transaction和executeSql执行,只不过执行SQL变为delete和update即可,如下图所示8NU办公区 - 实用经验教程分享!

    Html5中如何运用Web SQL技术8NU办公区 - 实用经验教程分享!

  • 7

    综上所述,在HTML5里面运用web sql操作数据的时候主要用了transaction,executeSql,querySelector三个功能8NU办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!8NU办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码