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实现超慢速移动动画效果非常流畅无卡顿
Jun 15 HTML / CSS
总结30个CSS3选择器
Apr 13 HTML / CSS
纯css实现照片墙3D效果的示例代码
Nov 13 HTML / CSS
CSS3 对过渡(transition)进行调速以及延时
Oct 21 HTML / CSS
HTML5实现表单自动验证功能实例代码
Jan 11 HTML / CSS
Html5实现iPhone开机界面示例代码
Jun 30 HTML / CSS
HTML5和以前HTML4的区别整理
Oct 20 HTML / CSS
Html5 audio标签样式的修改
Jan 28 HTML / CSS
浅谈HTML5 服务器推送事件(Server-sent Events)
Aug 01 HTML / CSS
html5实现图片转圈的动画效果——让页面动起来
Oct 16 HTML / CSS
canvas环形倒计时组件的示例代码
Jun 14 HTML / CSS
AmazeUI 平滑滚动效果的示例代码
Aug 20 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
2019年漫画销量排行榜:鬼灭登顶 海贼单卷制霸 尾田盛赞鬼灭
2020/03/08 日漫
简单的过滤字符串中的HTML标记
2006/12/25 PHP
php Hex RGB颜色值互换的使用
2013/05/10 PHP
php上传图片类及用法示例
2016/05/11 PHP
Zend Framework校验器Zend_Validate用法详解
2016/12/09 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
缓动函数requestAnimationFrame 更好的实现浏览器经动画
2012/12/07 Javascript
jquery移动listbox的值原理及代码
2013/05/03 Javascript
javascript获得当前的信息的一些常用命令
2015/02/25 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
2015/12/16 Javascript
xtemplate node.js 的使用方法实例解析
2016/08/22 Javascript
nodeJs内存泄漏问题详解
2016/09/05 NodeJs
微信小程序page的生命周期和音频播放及监听实例详解
2017/04/07 Javascript
Vue filter介绍及详细使用
2018/04/04 Javascript
通过实践编写优雅的JavaScript代码
2019/05/30 Javascript
[01:56]2014DOTA2西雅图邀请赛 MVP外卡赛老队长精辟点评
2014/07/09 DOTA
[01:58]最残酷竞争 2016国际邀请赛中国区预选赛积分循环赛回顾
2016/06/28 DOTA
PyCharm搭建Spark开发环境的实现步骤
2019/09/05 Python
序列化Python对象的方法
2020/08/01 Python
解决Python安装cryptography报错问题
2020/09/03 Python
印度领先的眼镜电子商务网站:Lenskart
2019/12/16 全球购物
室内设计专业个人的自我评价
2013/10/19 职场文书
中学教师岗位职责
2013/11/26 职场文书
幼儿园教师考核制度
2014/02/01 职场文书
平面设计专业大学生职业规划书
2014/03/12 职场文书
工程质量承诺书范文
2014/03/27 职场文书
公证委托书大全
2014/04/04 职场文书
中班上学期幼儿评语
2014/04/30 职场文书
实习生矿工检讨书
2014/10/13 职场文书
群众路线四风对照检查材料
2014/11/04 职场文书
世界文化遗产导游词
2015/02/13 职场文书
有关浪费资源的建议书
2015/09/14 职场文书
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android
pandas中关于apply+lambda的应用
2022/02/28 Python
解决 redis 无法远程连接
2022/05/15 Redis
Nginx HTTP跳转至HTTPS
2022/05/15 Servers