<!DOCTYPE HTML>

<html>

<head>

    <script type="text/javascript">

        var msg;

        // 可以有多个数据库，但无法遍历，

        // 包括空字符串在内的所有字符串都可以作为有效地数据库名称，数据库名称区分大小写，且可以比较。

        // 一个数据库只能有一个版本号

        // 一个显示名字（displayName），

        // 数据库将要保存数据的大小（estimatedSize，以字节为单位 )

        // 一个可选的回调函数（createionCallback，如果数据库没有被创建，这个函数将会被调用 )

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

        // 方法 transaction() 和 readTransaction() 有一个到三个参数，

        // 后两个参数为可选的，分别表示错误回调函数和成功回调函数。

        // transaction() 方法为 read/write 模式，readTransaction() 方法为只读模式；

        db.transaction(function (tx) {

               tx.executeSql('CREATE TABLE IF NOT EXISTS ques (id unique, log)');

               tx.executeSql('INSERT INTO ques (id, log) VALUES (4, "foobar")');

               tx.executeSql('INSERT INTO ques (id, log) VALUES (3, "logmsg")');

               msg = '<p>Log message created and row inserted.</p>';

            document.querySelector('#status').innerHTML =   msg;

        },function(){alert('e');},function(){alert('s');});

        // executeSql这个函数具有四个参数：

        // 表示查询的字符串（sqlStatement）；

        // 插入到查询语句中问号所在处的字符串数据（arguments)；

        // 一个可选的成功时执行函数（callback）；

        // 一个可选的失败时执行函数（errorCallback）。

        // 查询结果是一个对象

        // 插入数据库，insertId 代表这个行号；如果插入多行数据，insertId 代表插入数据的最后一行行号。

        // 改变的行数用 rowsAffected 表示，没有改变 rowsAffected 为 0，“SELECT”语句，rowsAffected 就为 0.

        // rows 为一个 SQLResultSetRowList 对象，代表数据库按顺序返回的行。如果没有返回任何行，则这个对象为空。

        db.transaction(function (tx) {

            tx.executeSql('SELECT * FROM LOGS', [], function (tx, results) {

                var len = results.rows.length, i;

                     msg = "<p>Found rows: " + len + "</p>";

                     document.querySelector('#status').innerHTML +=   msg;

                for (i = 0; i < len; i++){

                       msg = "<p><b>" + results.rows.item(i).log + "</b></p>";

                       document.querySelector('#status').innerHTML +=   msg;

                }

             }, null);

        });

    </script>

</head>

<body>

    <div id="status" name="status">Status Message</div>

</body>

</html>

HTML5 webSQL的更多相关文章

  1. 通过90行代码学会HTML5 WebSQL的4种基本操作

    Web SQL数据库API是一个独立的规范,在浏览器层面提供了本地对结构化数据的存储,已经被很多现代浏览器支持了. 我们通过一个简单的例子来了解下如何使用Web SQL API在浏览器端创建数据库表并 ...

  2. HTML5 webSQL 中查询结果集 result.rows.item 的用法

    加入查询回调函数如下: function(tx,result){ var len = result.rows.length; var recordset = result.rows.item; ){ ...

  3. Web SQL

    HTML5本地存储——Web SQL Database 基于 HTML5 中的 Web SQL Database 来构建应用程序 前端HTML5几种存储方式的总结 <!DOCTYPE HTML& ...

  4. 龙芯电脑上Electron应用开发

    背景 最近在一台龙芯电脑(系统是中兴新支点,Linux)上开发electron应用. PS:龙芯是国产的cpu,采用是mips架构,类似x86.arm. 安装NodeJS 安装步骤请查看:https: ...

  5. HTML5本地数据库(WebSQL)[转]

    除了sessionStorage和localStorage外,HTML5还支持通过本地数据库进行本地数据存储,HTML5采用的是"SQLite"这种文件型数据库,该数据库多集中在嵌 ...

  6. 基于HTML5 的WebSql本地设备数据库

    HTML5 的 Web SQL Database 用本地和会话存储实现简单的对象持久化,对繁琐的关系数据进行处理. 在 W3C 的 Web SQL Database 规范中(参照 介绍)有这样的描述: ...

  7. hybrid app开发中用到的html5新特性localStorage、sessionStorage和websql database

    近期在项目中进行hybrid app开发,项目中有大量的js代码执行在android设备上. 使用到了非常多HTML5的新特性,之前没有遇到过,不了解.这里记录下添加点前端的知识.混合式app开发中. ...

  8. HTML5深入学习之 WebSQL 数据库

    概述 WebSQL 并不是 HTML5规范的一部分,而是一个独立的规范,它可以用来做一些离线应用 核心API openDatabase() => 用来打开或创建数据库(没有时则创建,有则打开) ...

  9. HTML5中的本地、WebSql、离线应用存储

    1.   HTML5存储相关API a)   Localstorage 本地存储 b)   Web Sql DataBase 本地数据库存储 c)   .manifest 离线应用存储 2.   HT ...

随机推荐

  1. eclipse代码编辑快捷键

    代码提示(代码助手):alt + / 如输入e后按alt+/,则会出现以e开头的相关方法,写代码时经常按按 删除一行代码: 光标移动到该行任意位置,按ctrl+d 剪切:ctrl+x 复制:ctrl ...

  2. 装黑苹果的那些事儿（以ThinkpadE540为例）

    苹果系统,有着比window更好的安全性和方便性,更重要的事,没有MAC系统环境,进行iOS开发,是很麻烦的,对新手来说,是很懊恼的一件事.但是白苹果像件奢侈品,吾等常人,很难有经济消费.如是黑苹果是 ...

  3. automapper的简单用法

    AutoMapper对象转换方面(Object-Object Mapping)对象映射工具,实现对象和对象之间的转化.主要应用在项目的dto,model,entity或viewmodel之间转换,其实 ...

  4. DB2建立不记录日志的表

    )); ,'JACK'); ,'Timo'); -----建立无日日志表 --方法一:(表存在) CREATE TABLE TB_7 LIKE TB_6 NOT LOGGED INITIALLY; - ...

  5. Excle中LOOKUP经典用法

    在Excle中我们经常会遇到需要求根据某个区间的判断然后获取到对应的结果,下面是一个具体的实现例子: 例如: 现在需要实现,当输入0到25以内的任何数字时,会自动获取相应的英文字母 =IFERROR( ...

  6. 一步一步实现Linux设备驱动的Helloworld模块

    学了那么多程序语言,总是有一个Hello world开头,不禁感叹Hello world的强大.呵呵,废话少说,咋们的故事当然要从这个Hello world开始. 先查看自己OS使用的内核版本[don ...

  7. Android：ViewPager实现屏幕轮转和使用PagerTabStrip

    ① ViewPager类直接继承了ViewGroup类,所有它是一个容器类,可以在其中添加其他的view类. ② ViewPager类需要一个PagerAdapter适配器类给它提供数据. ③ Vie ...

  8. Matlab实现加性高斯白噪声信道（AWGN）下的digital调制格式识别分类

    Matlab实现加性高斯白噪声信道(AWGN)下的digital调制格式识别分类 内容大纲 加性高斯白噪声信道(AWGN)下的digital调制格式识别分类 (1. PSK; 2. QPSK; 3.8 ...

  9. DXP中原理图与PCB图元件互找

    在原理图中找到元件,快捷键TS即可在PCB中找到元件,且为选中状态.

  10. Quartz.NET Windows

    Quartz.NET Windows 服务示例 想必大家在项目中处理简单的后台持续任务或者定时触发任务的时候均使用 Thread 或者 Task 来完成,但是项目中的这种需求一旦多了的话就得将任务调度 ...