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>
  • 相关阅读:
    永无乡「HNOI2012」
    ruby基础知识之 class&module
    Linux命令集锦
    Ruby知识总结-一般变量+操作符+if+数组和哈希
    VMware通过VMnet8共享本地网络
    VMware Workstation 不可恢复错误 (vcpu-0)
    WIN10安装时msxml4.0提示2502、2503解决办法
    C# 委托知识总结
    request.servervariables参数
    判断MS SQLSERVER临时表是否存在
  • 原文地址:https://www.cnblogs.com/taoweiji/p/2809412.html
Copyright © 2011-2022 走看看