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实现的闪烁跳跃进度条示例(附源码)
Aug 19 HTML / CSS
使用CSS3的背景渐变Text Gradient 创建文字颜色渐变
Aug 19 HTML / CSS
CSS3模拟IOS滑动开关效果
Sep 28 HTML / CSS
详解CSS3中的box-sizing(content-box与border-box)
Apr 19 HTML / CSS
HTML5+JS实现俄罗斯方块原理及具体步骤
Nov 29 HTML / CSS
简单html5代码获取地理位置
Mar 31 HTML / CSS
详解HTML5中的拖放事件(Drag 和 drop)
Nov 14 HTML / CSS
HTML5 source标签:媒介元素定义媒介资源
Jan 29 HTML / CSS
关于解决iframe标签嵌套问题的解决方法
Mar 04 HTML / CSS
html5实现点击弹出图片功能
Jul 16 HTML / CSS
使用CSS3实现按钮悬停闪烁动态特效代码
Aug 30 HTML / CSS
CSS 鼠标选中文字后改变背景色的实现代码
May 21 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开启gzip页面压缩实例
2013/06/09 PHP
Zend Framework开发入门经典教程
2016/03/23 PHP
php+mysql+ajax实现单表多字段多关键词查询的方法
2017/04/15 PHP
图片在浏览器中底部对齐 解决方法之一
2011/11/30 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
2013/07/10 Javascript
js读写cookie实现一个底部广告浮层效果的两种方法
2013/12/29 Javascript
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
js精美的幻灯片画集特效代码分享
2015/08/29 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
2015/10/08 Javascript
分享两款带遮罩的jQuery弹出框
2015/12/30 Javascript
javascript中call apply 与 bind方法详解
2016/03/10 Javascript
jQuery通过写入cookie实现更换网页背景的方法
2016/04/15 Javascript
详解JavaScript对象类型
2016/06/16 Javascript
canvas压缩图片转换成base64格式输出文件流
2017/03/09 Javascript
微信小程序网络请求的封装与填坑之路
2017/04/01 Javascript
JavaScript实现的数字与字符串转换功能示例
2017/08/23 Javascript
详解如何用babel转换es6的class语法
2018/04/03 Javascript
微信小程序实现页面浮动导航
2019/01/28 Javascript
如何让Nodejs支持H5 History模式(connect-history-api-fallback源码分析)
2019/05/30 NodeJs
Node快速切换版本、版本回退(降级)、版本更新(升级)
2021/01/07 Javascript
[02:16]DOTA2超级联赛专访Burning 逆袭需要抓住机会
2013/06/24 DOTA
python函数局部变量用法实例分析
2015/08/04 Python
Python中将变量按行写入txt文本中的方法
2018/04/03 Python
python爬虫_实现校园网自动重连脚本的教程
2018/04/22 Python
Python实现朴素贝叶斯分类器的方法详解
2018/07/04 Python
Python中@property的理解和使用示例
2019/06/11 Python
python实现高斯判别分析算法的例子
2019/12/09 Python
神经网络训练采用gpu设置的方式
2021/03/03 Python
加拿大知名的国际儿童品牌:Hatley
2016/11/09 全球购物
Expedia爱尔兰:酒店、机票、租车及廉价假期
2017/01/02 全球购物
Java中实现多态的机制
2015/08/09 面试题
火烧圆明园观后感
2015/06/03 职场文书
导游词之新疆尼雅遗址
2019/10/16 职场文书
详解JS数组方法
2021/11/20 Javascript
Redis中缓存穿透/击穿/雪崩问题和解决方法
2021/12/04 Redis
Spring Boot 的创建和运行示例代码详解
2022/07/23 Java/Android