浏览器中js操作websql数据库增删改查示例代码,

代码语言:html

所属分类:其他

代码描述:浏览器中js操作websql数据库增删改查示例代码,首先创建了数据库和表结构,然后增删改查。

代码标签: 浏览器 js 操作 websql 数据库 增删改查 示例 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />

    <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, "bfw技术学习平台")');
    tx.executeSql('INSERT INTO LOGS (id, log) VALUES (2, "www.bfw.wiki")');
    msg = '<p>数据表已创建,且插入了两条数据。</p>';
    document.querySelector('#status').innerHTML =  msg;
});
 

 db.transaction(function (tx) {
      tx.executeSql('DELETE FROM LOGS  WHERE id=1');
      msg = '<p>删除 id 为 1 的记录。</p>';
      document.querySelector('#status').innerHTML =  msg;
 });
 
 db.transa.........完整代码请登录后点击上方下载按钮下载查看

网友评论0