HTML5 - WebSQL

前言

Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。Web SQL 数据库可以在最新版的 Safari, Chrome 和 Opera 浏览器中工作。

核心方法

以下是规范中定义的三个核心方法：

openDatabase：这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。
transaction：这个方法让我们能够控制一个事务，以及基于这种情况执行提交或者回滚。
executeSql：这个方法用于执行实际的 SQL 查询。

打开/新建数据库

通过 openDatabase() 方法来打开已存在的数据库，如果数据库不存在，则会创建一个新的数据库：

// 新建 demo 数据库
var DB = openDatabase('demo','1.0','演示',2 * 1024 * 1024)

openDatabase() 方法对应的五个参数说明：

数据库名称
版本号
描述文本
数据库大小
创建回调

第五个参数，创建回调会在创建数据库后被调用。

创建数据库表

通过 database.transaction() 函数进行创建：

// 创建数据库 demo
var DB = openDatabase('demo','1.0','演示',2 * 1024 * 1024)
// 创建数据库表 DEMO
DB.transaction(function(TX){TX.executeSql('CREATE TABLE IF NOT EXISTS DEMO (id unique, log)')
})

插入数据

新建一个 NewDB表，并插入两条记录：

// 创建数据库
var DB = openDatabase('demo','1.0','演示',2 * 1024 * 1024)// 创建数据库表
DB.transaction(function (tx) {tx.executeSql('CREATE TABLE IF NOT EXISTS NewDB (id unique, log)');tx.executeSql('INSERT INTO NewDB (id, log) VALUES (1, "第一条")');tx.executeSql('INSERT INTO NewDB (id, log) VALUES (2, "第二条")');
});

当然，也可以动态添加。

HTML5 - WebSQL相关推荐

HTML5 webSQL动态查询前端数据库表
//HTML5 WEB SQL查询数据 $scope.queryCenterReimbursData = function(keyword,querycol){var lencr="0&qu ...
通过90行代码学会HTML5 WebSQL的4种基本操作
Web SQL数据库API是一个独立的规范,在浏览器层面提供了本地对结构化数据的存储,已经被很多现代浏览器支持了. 我们通过一个简单的例子来了解下如何使用Web SQL API在浏览器端创建数据库表并 ...
HTML5安全风险详析之三：WebSQL攻击
原文地址:http://blog.csdn.net/hfahe/article/details/8049414 一.WebSQL安全风险简介数据库安全一直是后端人员广泛关注和需要预防的问题.但是自从 ...
php cookie使用实例h5,html5实现数据存储实例代码
html5数据存储就目前为止实现客户端存储的方式是多种多样,最简单而且兼容性最佳的方案是cookies,但是作为真正的客户端存储,cookies还存在一些不足.大小cookie的大小被限制在4KB. ...
HTML5和css3的总结
简单的罗列一个HTML5的新东西,以后的几天里详细的过一遍一个挺有用的网站:www.css88.com [H5的新标签] 用之前的标签完全可以代替的:header footer aside atri ...
11个有用的移动网页开发App和HTML5框架
在过去的两年里,触屏设备飞速增长.iOS和Android设备让开发者和设计师开始重新思考他们的网页应用,以提供更好的触屏体验. 移动Web应用相对于本地的App有很多优势,虽然也有很多设计和开发上的挑 ...
常见的HTML5面试题(附答案)
常见的HTML5面试题(附答案) 1.HTML5有哪些新特性?移除了哪些元素? HTML5的新特性如下: 1.拖放( Drag and drop)APIl 2.语义化更好的内容标签( header.n ...
HTML5新增的一些特性
HTML现在已经不是SGML的子集,主要是关于图像,位置,储存,多任务等功能的增加. .绘画canvas: .用于媒介回放的video: Ogg是带有Theora视频编码和Vorbis音频编码的文件: ...
html5通过api调数据库,使用HTML5数据库API [关闭](Using HTML5 Database API [closed])
使用HTML5数据库API [关闭](Using HTML5 Database API [closed]) 我正在开发一个使用phonegap/cordova 2.2的web应用程序,并希望将数据存储 ...
html5 多页面共享数据库,可以跨页面使用HTML5 Web SQL数据库吗？(Can HTML5 Web SQL databases be used across pages?)...
可以跨页面使用HTML5 Web SQL数据库吗?(Can HTML5 Web SQL databases be used across pages?) 这可能是一个非常简单的问题,请原谅我的无知,但 ...