Web SQL

<!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

Web SQL的更多相关文章

HTML5教程之html 5 本地数据库（Web Sql Database）
HTML5的Web SQL Databases(html5 本地数据库)的确很诱惑人,当你发现可以用与mysql查询一样的查询语句来操作本地数据库时,你会发现这东西挺有趣的.今天,我们一起来了解HTM ...
HTML5本地存储——Web SQL Database
在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage,这两个是以键值对存储的解决方案,存储少量数据结构很有用,但是对于大量结构化数据就 ...
HTML5 学习笔记（三）——本地存储(LocalStorage、SessionStorage、Web SQL Database)
一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会 ...
web sql database数据存储位置
Q1: 数据存储在哪儿? Web Storage / Web SQL Database / Indexed Database 的数据都存储在浏览器对应的用户配置文件目录(user profile di ...
阿伦学习html5 之Web SQL Database
不知道什么情况, W3C不再维护web SQL Database规范,但是大多浏览器都支持了! Web SQL Database规范页面有着这样的声明 Web SQL Database 规范中定义的三 ...
localStorage, localforage, web sql三者的比较
最近的项目中用到了前端存储,最初选用的是localStorage,这个是html5里面新增的API,用法很简单.setItem getItem clear. 值得注意的是,localStorage中存 ...
【HTML5】HTML5本地数据库（Web Sql Database）
Web Sql数据库简介 Web SQL数据库API实际上不是HTML5规范的组成部分,而是单独的规范.它通过一套API来操纵客户端的数据库. Web SQL数据库的浏览器支持情况 Web SQL 数 ...
Web持久化存储Web SQL、Local Storage、Cookies（常用）
在浏览器客户端记录一些信息,有三种常用的Web数据持久化存储的方式,分别是Web SQL.Local Storage.Cookies. Web SQL 作为html5本地数据库,可通过一套API来操纵 ...
[转]HTML5本地存储——Web SQL Database
在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage,这两个是以键值对存储的解决方案,存储少量数据结构很有用,但是对于大量结构化数据就 ...
Web SQL Database实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

图像分割之（五）活动轮廓模型之Snake模型简介
在"图像分割之(一)概述"中咱们简单了解了目前主流的图像分割方法.下面咱们主要学习下基于能量泛函的分割方法.这里学习下Snake模型简单的知识,Level Set(水平集)模型会在 ...
Android各个版本版本号对应关系表
Platform Version API Level VERSION_CODE Notes Android 5.0 21 LOLLIPOP Platform Highlights Android 4. ...
Apache配置文件httpd.conf内容翻译
本文已经废弃,现在apache2不依靠httpd.conf来配置. Ubuntu下默认的配置文件是/etc/apache2/sites-available/default 可以修改上面文件来修改a ...
PHP PSR-1 基本代码规范(中文版)
基本代码规范本篇规范制定了代码基本元素的相关标准,以确保共享的PHP代码间具有较高程度的技术互通性. 关键词 “必须”("MUST").“一定不可/一定不能”("MUS ...
swift 异步加载图片
import UIKit @UIApplicationMain class AppDelegate: UIResponder, UIApplicationDelegate { var window: ...
连接sql server数据库的两种方式
class DB { private static SqlConnection conn; public static SqlConnection getConn() { //conn = n ...
Java基础之创建窗口——使用BoxLayout管理器（TryBoxLayout4）
控制台程序. javax.swing.BoxLayout类定义的布局管理器在单行或单列中布局组件.创建BoxLayout对象时,需要指定是在行还是列中布局组件. 对于行,组件是从左到右地添加:对于列, ...
wampserver下修改mysql root用户的登录密码
1.安装好wamp后,运行WampServer程序,进入MYSQL控制台; 2.进入控制台后,提示输入密码(不用输入任何密码,因为密码为空),按回车键进入; 3.输入“USE mysql;”然后回车, ...
通过zabbix自带模板监控windowsPC机器
通过zabbix自带模板监控windowsPC机器作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 欢迎加入:高级运维工程师之路 598432640 相信有很多 ...
nginx的基本配置和虚拟主机的配置
在Nginx配置文件(nginx.conf)中,一个最简化的虚拟主机配置代码如下: 跟Apache -样,Nginx也可以配置多种类型的虚拟圭机:一是基于IP的虚拟主机,二是基于域名的虚拟主机,三是基 ...

Web SQL

Web SQL的更多相关文章

随机推荐

热门专题