转载自【http://www.656463.com/article/340】
Web Database 介绍
Web SQL数据库API实际上不是HTML5规范的组成部分，而是单独的规范。它通过一套API来操纵客户端的数据库。Safari、Chrome、Firefox、Opera等主流浏览器都已经支持Web SQL Database
HTML5WebDatabase 操作使用
WebSQL数据库有三个核心方法：
1）打开数据库openDatabase()方法：
此方法创建数据库对象，既可以使用已有的数据库，也可以创建新的数据库。
2）事务transaction()方法：
此方法可以用于控制事务处理，执行提交操作或回滚操作。
db.transaction( function(tx) {
});
3）执行SQL命令executeSql()方法：
此方法用于执行SQL查询。
db.transaction( function(tx) {
tx.executeSQL(“SQL语句”)
});
实例
<!DOCTYPE HTML>
<html>
<head>
<meta charset=gbk>
<title>HTML5 Web SQL Database 数据库</title>
</head>
<body>
<script type="text/javascript">
var db = window.openDatabase("mydata", "1.0","数据库描述",20000);
//window.openDatabase("数据库名字", "版本","数据库描述",数据库大小);
if(db)
alert("新建数据库成功！");
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 (mytitle, timestamp) values(?, ?)", ["WEB Database", new Date().getTime()],
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>
用Google Chrome浏览器打开的效果如下:
分享到：
相关推荐
Web SQL Database是HTML5早期的本地存储解决方案之一，允许Web应用程序在用户的浏览器中存储大量结构化数据，类似于关系型数据库。这个通信录示例就是对Web SQL Database用法的一个直观展示。 首先，我们来看如何...
HTML5应用开发技术中的Web SQL数据库是一个离线存储解决方案，特别适用于需要在用户浏览器中存储大量结构化数据的Web应用程序。尽管HTML5还提供了localStorage和sessionStorage，它们只能存储简单的键值对，不适合...
anysql-websql是针对anysql库的一个扩展，它允许开发者在浏览器环境中利用Web SQL数据库进行数据操作。Web SQL提供了一个SQLite数据库的子集，支持SQL查询，可以在客户端进行数据的持久化存储。anysql-websql库的...
在这个场景中，C#程序通过ODBC（Open Database Connectivity）或ADO.NET（ActiveX Data Objects .NET）等数据访问技术与SQL数据库进行交互，执行查询、插入、更新和删除等操作。用户可以设计数据库表结构，包含生日...
Web SQL数据库概述 Web SQL数据库是HTML5中的一种客户端数据库解决方案，使用SQL语言来操作客户端...8. Web SQL Database是HTML5中的一种强大且灵活的客户端数据库解决方案，能够满足我们在Web开发中的各种需求。
### HTML5 Web SQL Database 与 Indexed Database 的 CRUD 操作 #### 一、引言 随着互联网技术的不断发展，用户对于Web应用的需求也越来越多样化。为了更好地满足这些需求，HTML5不仅加强了网页的表现力，还引入了...
websql 是一个前端开源库，它允许在浏览器环境中使用 SQL 数据库技术进行本地数据存储。在 Web 应用程序中，特别是在离线应用或者需要大量数据存储的场景下，WebSQL 提供了一个非常实用的解决方案。尽管现在更多的...
在提供的压缩包文件中，WebSql.htm是展示这些操作的HTML页面，webSQL.js包含了上述JavaScript代码，而jquery-1.4.1.min.js是用于简化DOM操作的jQuery库。web sql说明.doc可能是对Web SQL数据库更详细的文档介绍，...
Web SQL Database是HTML5的一个早期存储标准，它提供了一个嵌入式的SQLite数据库，允许网页应用程序存储大量结构化数据。虽然现在已经被IndexedDB所取代，但在一些老版本的浏览器，如Chrome，仍然支持Web SQL。在本...
HTML5中ExtJS和Web SQL Database的使用 一、前言 伴随着移动通信技术的快速发展，智能手机逐渐成为人们的日常消费品。在Android平台上进行HTML5网页程序的设计与开发中，如何使用Android平台的SDK和HTML5网页版...
这个“sql-web.zip”压缩包包含一个名为“sql web.html”的文件，很显然，它是关于如何使用HTML5的Web SQL数据库进行数据存储的教程或者示例。 Web SQL数据库是HTML5的一个弃用特性，尽管如此，它在一些老旧的或...
JDBC（Java DataBase Connectivity）是一种用于执行SQL语句的Java API，由一组类与接口组成。通过调用这些类和接口所提供的方法，可以使用标准的SQL语言来存取数据库中的数据。 知识点一：JDBC技术概述 -----------...
var openDatabase = require ( 'websql' ) ; 创建一个名为mydb.dbSQLite3数据库： var db = openDatabase ( 'mydb.db' , '1.0' , 'description' , 1 ) ; 创建一个内存数据库： var db = openDatabase ( ':memory...
Web SQL 数据库是 HTML5 中的一种存储机制，它允许开发者在客户端存储数据，并提供了一个类似于关系型数据库的存储机制。下面是使用 Web SQL 数据库的相关知识点： 1. 使用 Web SQL 数据库简介 Web SQL 数据库是一...
Oracle数据库迁移项目是IT行业中常见的任务，涉及到将数据和结构从一个数据库系统迁移到另一个，例如从SQL Server迁移到Oracle。以下是对四种数据库迁移方案的详细说明： **方案一**： 此方案主要依赖于手动操作和...
【标题】"jsp网上订餐系统--基于Oracle数据库和SQL2005"是一个Web应用程序，主要用于实现在线餐饮预订服务。这个系统的核心技术栈包括JavaServer Pages (JSP)、Oracle数据库以及SQL Server 2005。JSP是Java编程语言...
本话题将详细讲解如何利用Flink的SQL Server Change Data Capture (CDC) 连接器版本2.3.0，将SQL Server中的数据实时同步到MySQL数据库。 首先，让我们了解什么是CDC。CDC是一种数据库技术，它能够捕获数据库中的...
【Web数据库程序设计】主要涉及Web应用程序如何与数据库进行交互，这一章主要讲解了Web数据库访问技术、ODBC接口、数据库语言SQL以及如何使用ADO(ActiveX Data Objects)来访问和操作数据库。以下是对这些知识点的...
本篇内容主要涉及Java Web开发中的数据库程序设计，特别是使用Java Database Connectivity (JDBC) API进行数据库操作的相关知识点。以下是详细的解析： 1. **数据库访问技术**：在Java Web开发中，访问数据库通常...