html5创建本地数据库

最新推荐文章于 2024-07-30 15:19:39 发布

豬ふ繌

最新推荐文章于 2024-07-30 15:19:39 发布

阅读量2.7k

点赞数 1

分类专栏： html5 文章标签：笔记

本文链接：https://blog.csdn.net/qq_37276382/article/details/95636145

版权

本文介绍了如何在HTML5中创建本地数据库，包括使用openDatabase()方法创建数据库对象，通过db.transaction方法执行事务，以及利用executeSql()方法进行SQL查询和CRUD操作。详细阐述了各个方法的参数和使用场景，帮助开发者实现离线Web应用的数据存储。

摘要由CSDN通过智能技术生成

创建本地数据库

在Html5中。提供了一个浏览器端的数据库支持，允许我们直接通过JS的API在浏览器端创建一个本地的数据库，而且支持的标准的SQL的CRUD操作，让离线的Web应用更加方便的存储结构化的数据。

创建数据库的步骤：
（1）openDatabase方法：创建一个访问数据库的对象
（2）通过对象来执行transaction方法，可以设置一个开启事务成功的时间响应方法，在时间响应方法上可以执行SQL
（3）通过execute Sql方法执行查询，也可以是crud。

<!DOCTYPE HTML>
<html>

<head>

 <script type="text/javascript">

 var db = openDatabase('mydb', '1.0', 'Test DB', 2 * 1024 * 1024);
 var msg;

 db.transaction(function (tx) {
 tx.executeSql('CREATE TABLE IF NOT EXISTS LOGS (id unique, log)');
 tx.executeSql('INSERT INTO LOGS (id, log) VALUES (1, "php中文网")');
 tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "ask.php.cn")');
 msg = '<p>数据表已创建，且插入了两条数据。</p>';
 document.querySelector('#status'