小强的HTML5移动开发之路（20）—

来自：http://blog.csdn.net/dawanganban/article/details/18220761

一、Web Database介绍

WebSQL数据库API实际上不是HTML5规范的组成部分，而是单独的规范。它通过一套API来操纵客户端的数据库。Safari、Chrome、Firefox、Opera等主流浏览器都已经支持WebSQL Database

WebSQL数据库有三个核心方法：

1）打开数据库openDatabase()方法：

此方法创建数据库对象，既可以使用已有的数据库，也可以创建新的数据库。

2）事务transaction()方法：

此方法可以用于控制事务处理，执行提交操作或回滚操作。

3）执行SQL命令executeSql()方法：

此方法用于执行SQL查询。

二、Web database操作使用

1）打开数据库openDatabase()方法：

此方法创建数据库对象，既可以使用已有的数据库，也可以创建新的数据库。

2）事务transaction()方法：

此方法可以用于控制事务处理，执行提交操作或回滚操作。

3）执行SQL命令executeSql()方法：

此方法用于执行SQL查询。

三、实例

<!DOCTYPE HTML>

<html>

<head>

<meta charset="urf-8"/>

</head>

<body>

<script type="text/javascript">

//创建数据库

var db = window.openDatabase("dawanganban", "1.0","数据库描述",20000);

//创建数据表

db.transaction(function(tx) {

tx.executeSql("CREATE TABLE test (id int UNIQUE, mytitle TEXT, timestamp REAL)");

});

//插入数据

db.transaction(function(tx) {

tx.executeSql("INSERT INTO test (id, mytitle, timestamp) values(?, ?, ?)", [1, "WEB Database", new Date().getTime()], null, null);

});

//插入数据

db.transaction(function(tx) {

tx.executeSql("INSERT INTO test (id, mytitle, timestamp) values(?, ?, ?)", [2, "DaWanGanBan", new Date().getTime()], null, null);

});

//删除数据

/*

db.transaction(function(tx){

tx.executeSql("DELETE FROM test where mytitle=?",["WEB Database"],null,null);

});

*/

//db.transaction(function(tx) {

// tx.executeSql("DROP TABLE qqs");

//})

//db.transaction(function(tx) {

// tx.executeSql("update test set mytitle=? where mytitle = 'fsafdsaf'",['xp'],null,null);

//});

//查询数据

db.transaction(function(tx) {

tx.executeSql("SELECT * FROM test", [],

function(tx, result) {

for(var i = 0; i < result.rows.length; i++){

document.write('<b>' + result.rows.item(i)['mytitle'] + '</b><br />');

}

}, function(){

alert("error");

});

});

</script>

</body>

</html>

转载于:https://www.cnblogs.com/wanghang/p/6298961.html

小强的HTML5移动开发之路（20）——HTML5 Web SQL Database相关推荐

HTML5 API详解（17）:Web SQL DataBase本地数据库
Web SQL Database是一个已经废弃的规范,但是鉴于除了IE和Firefox,其他浏览器都已经实现了Web SQL Database,并且它还具有一些HTML5 Storage所不具有的特性 ...
h5builder php,小强的HTML5移动开发之路（49）——HTML5开发神器HBuilder
今天给大家介绍一款开发HTML5的神器--HBuilder. 下载地址:http://www.php.cn/ 一.新建文件可以看到支持web app开发和普通网站前端开发,我们首先建立一个移动App ...
小强的HTML5移动开发之路（18）——HTML5地理定位
来自:http://blog.csdn.net/dawanganban/article/details/18192091 在前面的<小强的HTML5移动开发之路(2)--HTML5的新特性> ...
小强的HTML5移动开发之路（14）——Video标签详解
来自:http://blog.csdn.net/dawanganban/article/details/18180605 在前面的小强的HTML5移动开发之路(5)--制作一个漂亮的视频播放器中制作了 ...
HTML5开发 Web SQL Database 本地数据库
Web Database 介绍 Web SQL数据库API实际上不是HTML5规范的组成部分,而是单独的规范.它通过一套API来操纵客户端的数据库.Safari.Chrome.Firefox.Oper ...
HTML5本地存储——Web SQL Database
在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage,这两个是以键值对存储的解决方案,存储少量数据结构很有用,但是对于大量结构化数据就 ...
HTML5 学习笔记（三）——本地存储(LocalStorage、SessionStorage、Web SQL Database)
一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会 ...
HTML5客户端数据存储机制Web Storage和Web SQL Database
引言 html5本地存储可以选择两种方式,一种是本地存储,一种是sqlite. 比如开发html5的购物车功能,就可以考虑选择其中之一,进行本地存储与操作. 又或者保存用户登录信息,可以使用local ...
小强的HTML5移动开发之路（5）——制作一个漂亮的视频播放器
在前面几篇文章中介绍了HTML5的特点和需要掌握的基础知识,下面我们开始真正的体验一下HTML5的优势,我们开始制作一个漂亮的视频播放器吧先别急,在开始制作之前先了解一下视频文件的基本知识. 一.视频 ...
可以作为html5页面开发工具的有,HTML5开发工具有哪些
HTML5开发工具有哪些 HTML5 发展越来越受到重视,随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟,未来 HTML5 必将改变我们创建 Web 应用程序的方式. ...

小强的HTML5移动开发之路（20）——HTML5 Web SQL Database

小强的HTML5移动开发之路（20）——HTML5 Web SQL Database相关推荐

最新文章

热门文章