HTML5 Web Database 数据库的SQL语句的使用方法


Posted in HTML / CSS onDecember 09, 2012

//openDatabase方法打开已经存在的数据库,如果不存在将会创建一个数据库,参数分别是 数据库的名称,版本,数据库的描述,和数据大小 var db = window.openDatabase("mydatabase", "1.0", "我的数据库描述", 20000);

数据库的SQL语句的使用方法

dbname.transaction(function (tx) { tx.executeSql(sql); });

HTML5 Web Database 数据库的SQL语句的使用方法

复制代码
代码如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">

</style>
</head>
<body>
<div>
</div>
<script type="text/javascript">
//openDatabase方法打开已经存在的数据库,如果不存在将会创建一个数据库
var db = window.openDatabase("mydatabase", "1.0", "我的数据库描述", 20000);
var d = new Date();
//创建数据表
var sql = "CREATE TABLE mytable (mytitle TEXT, timestamp REAL)";
db.transaction(function (tx) {
tx.executeSql(sql);
});
//往数据表插入数据
db.transaction(function (tx) {
tx.executeSql("INSERT INTO mytable (mytitle, timestamp) values(?, ?)", ["广州大学华软软件学院3", d.toLocaleString()], null, null);
});
//删除数据表
//db.transaction(function (tx) {
// tx.executeSql("DROP TABLE mytable ");
//});
db.transaction(function (tx) {
tx.executeSql("SELECT * FROM mytable", [],
function (tx, result) {
for (var i = 0; i < result.rows.length; i++) {
document.write('<h1>' +

result.rows.item(i)['mytitle'] + " " +

result.rows.item(i)['timestamp'] +

'</h1>');
}
},
function () {
alert("error");
});
});
</script>
</body>
</html>

HTML / CSS 相关文章推荐
CSS3——齿轮转动关键代码
May 02 HTML / CSS
CSS3媒体查询Media Queries基础学习教程
Feb 29 HTML / CSS
css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果
Jan 27 HTML / CSS
HTML5里autofocus自动聚焦属性使用介绍
Jun 22 HTML / CSS
HTML5的结构和语义(5):内嵌媒体
Oct 17 HTML / CSS
IE9下html5初试小刀
Sep 21 HTML / CSS
html5 跨文档消息传输示例探讨
Apr 01 HTML / CSS
html5中 media(播放器)的api使用指南
Dec 26 HTML / CSS
HTML5的Video标签有部分MP4无法播放的问题解析(多图)
Aug 18 HTML / CSS
html5手机键盘弹出收起的处理
Jan 20 HTML / CSS
AmazeUI中模态框的实现
Aug 19 HTML / CSS
z-index不起作用
Mar 31 HTML / CSS
html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
Dec 07 #HTML / CSS
html5-websocket基于远程方法调用的数据交互实现
Dec 04 #HTML / CSS
HTML5 Canvas像素处理使用接口介绍
Dec 02 #HTML / CSS
html5 桌面提醒:Notifycations应用介绍
Nov 27 #HTML / CSS
html5 canvas 画图教程案例分析
Nov 23 #HTML / CSS
使用css3 属性如何丰富图片样式(圆角 阴影 渐变)
Nov 22 #HTML / CSS
input file上传文件样式支持html5的浏览器解决方案
Nov 14 #HTML / CSS
You might like
php中用加号与用array_merge合并数组的区别深入分析
2013/06/03 PHP
php使用cookie保存用户登录的用户名实例
2015/01/26 PHP
List the Stored Procedures in a SQL Server database
2007/06/20 Javascript
理解 JavaScript 预解析
2009/10/25 Javascript
Jquery选择器 $实现原理
2009/12/02 Javascript
JS获取节点的兄弟,父级,子级元素的方法
2014/01/09 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
2016/07/22 Javascript
在localStorage中存储对象数组并读取的方法
2016/09/24 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
2017/03/17 Javascript
vue项目部署上线遇到的问题及解决方法
2018/06/10 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
微信小程序官方动态自定义底部tabBar的例子
2019/09/04 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
2020/03/10 Javascript
Python中的random()方法的使用介绍
2015/05/15 Python
Python3学习urllib的使用方法示例
2017/11/29 Python
初探利用Python进行图文识别(OCR)
2019/02/26 Python
使用Python3 poplib模块删除服务器多天前的邮件实现代码
2020/04/24 Python
django模板获取list中指定索引的值方式
2020/05/14 Python
利用CSS3实现炫酷的飞机起飞动画
2016/09/17 HTML / CSS
武汉英思工程科技有限公司&ndash;ORACLE面试测试题目
2012/04/30 面试题
大四自我鉴定范文
2013/10/06 职场文书
俄语翻译实习生的自我评价分享
2013/11/06 职场文书
商业活动邀请函
2014/02/04 职场文书
中班中秋节活动反思
2014/02/18 职场文书
商场开业庆典策划方案
2014/06/02 职场文书
纪律教育学习心得体会
2014/09/02 职场文书
个人工作表现评价材料
2014/09/21 职场文书
公司领导班子群众路线四风问题对照检查材料
2014/10/02 职场文书
法定代表人身份证明书(含说明)
2014/10/02 职场文书
购房个人委托书范本
2014/10/11 职场文书
先进个人申报材料
2014/12/30 职场文书
新郎答谢词
2015/01/04 职场文书
消防演习感想
2015/08/10 职场文书
关于保护环境的建议书
2019/06/24 职场文书
七年级作文之关于奶奶
2019/10/29 职场文书
关于python pygame游戏进行声音添加的技巧
2021/10/24 Python