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>
  • 相关阅读:
    hdu
    《Linux命令行与shell脚本编程大全》 第十四章 学习笔记
    zoj 3665 Yukari's Birthday(枚举+二分)
    ActiveMQ使用STOMP协议的一个错误问题:Unexpected ACK received for message-id
    Ubuntu下屏幕录像、后期处理不完全攻略
    find-all-numbers-disappeared-in-an-array
    find-right-interval
    non-overlapping-intervals
    cut命令如何截取以空格隔开的字段
    arranging-coins
  • 原文地址:https://www.cnblogs.com/taoweiji/p/2809412.html
Copyright © 2011-2022 走看看