zoukankan      html  css  js  c++  java
  • HTML5 Web SQL Database 数据库的使用方法【图文说明】

    HTML5 Web Database 数据库的使用方法

    备注:请使用chrome浏览器

    //openDatabase方法打开已经存在的数据库,如果不存在将会创建一个数据库,参数分别是 数据库的名称,版本,数据库的描述,和数据大小
            var db = window.openDatabase("mydatabase", "1.0", "我的数据库描述", 20000);

    数据库的SQL语句的使用方法

    dbname.transaction(function (tx) {
                tx.executeSql(sql);
            });

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <style type="text/css">
            
        </style>
    </head>
    <body>
        <div>
        </div>
        <script type="text/javascript">
            //openDatabase方法打开已经存在的数据库,如果不存在将会创建一个数据库
            var db = window.openDatabase("mydatabase", "1.0", "我的数据库描述", 20000);
            var d = new Date();
    
            //创建数据表
            var sql = "CREATE TABLE mytable (mytitle TEXT, timestamp REAL)";
            db.transaction(function (tx) {
                tx.executeSql(sql);
            });
            //往数据表插入数据
            db.transaction(function (tx) {
                tx.executeSql("INSERT INTO mytable (mytitle, timestamp) values(?, ?)", ["广州大学华软软件学院3", d.toLocaleString()], null, null);
            });
            //删除数据表
            //db.transaction(function (tx) {
            //   tx.executeSql("DROP TABLE mytable ");
            //});
            db.transaction(function (tx) {
                tx.executeSql("SELECT * FROM mytable", [],
                     function (tx, result) {
                         for (var i = 0; i < result.rows.length; i++) {
                             document.write('<h1>' +
            result.rows.item(i)['mytitle'] + " " +
                result.rows.item(i)['timestamp'] +
            '</h1>');
                         }
                     },
                            function () {
                                alert("error");
                            });
            });
    
        </script>
    
    </body>
    </html>
  • 相关阅读:
    Reactive(1) 从响应式编程到"好莱坞"
    [动图演示]Redis 持久化 RDB/AOF 详解与实践
    补习系列(22)-全面解读 Spring Profile 的用法
    Android手机打造你的Python&Java开发工具!
    人工神经网络模型种类
    最小二乘拟合
    LDA主体模型
    Logistic Regression求解classification问题
    batch gradient descent(批量梯度下降) 和 stochastic gradient descent(随机梯度下降)
    SVM实验
  • 原文地址:https://www.cnblogs.com/taoweiji/p/2809412.html
Copyright © 2011-2022 走看看