HTML5入门

小强的HTML5移动开发之路(20)——HTML5 Web SQL Database

字号+ 作者:水寒 来源:csdn 2015-06-02 10:01 我要评论( )

一、Web Database介绍WebSQL数据库API实际上不是HTML5规范的组成部分,而是单独的规范。它通过一套API来操纵客户端的数据库。Safari、Chrome、Firefox、Opera等主流浏览器都已经支持WebSQL DatabaseWebSQL数据库有三个核心方法:1)打开数据库openDatabase()

一、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");
			/

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5常用标签总结

    HTML5常用标签总结

    2016-03-23 14:02

  • 响应式网站如何才能得到百度的重视

    响应式网站如何才能得到百度的重视

    2016-01-27 10:11

  • html5学得好不好,看掌握多少标签

    html5学得好不好,看掌握多少标签

    2015-09-28 12:53

  • 关于meta标签

    关于meta标签

    2015-06-06 16:22

网友点评
9