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 相关文章推荐
a标签的css样式四个状态
Mar 09 HTML / CSS
CSS3 3D位移translate效果实例介绍
May 03 HTML / CSS
使用CSS3制作一个简单的Chrome模拟器
Jul 15 HTML / CSS
CSS3哪些新特性值得称赞
Mar 02 HTML / CSS
HTML5的video标签的浏览器兼容性增强方案分享
May 19 HTML / CSS
Html5画布_动力节点Java学院整理
Jul 13 HTML / CSS
HTML5 标准将把互联网视频扔回到黑暗时代
Feb 10 HTML / CSS
移动端html5判断是否滚动到底部并且下拉加载
Nov 19 HTML / CSS
Html5移动端div固定到底部实现底部导航条的几种方式
Mar 09 HTML / CSS
sass 常用备忘案例详解
Sep 15 HTML / CSS
CSS实现单选折叠菜单功能
Nov 01 HTML / CSS
el-form每行显示两列底部按钮居中效果的实现
Aug 05 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 学习资料零碎东西
2010/12/04 PHP
php+ajax实现无刷新动态加载数据技术
2015/04/28 PHP
PHP Echo字符串的连接格式
2016/03/07 PHP
thinkphp3.x中cookie方法的用法分析
2016/05/19 PHP
php lcg_value与mt_rand生成0~1随机小数的效果对比分析
2017/04/05 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
php新建文件的方法实例
2019/09/26 PHP
解析javascript中鼠标滚轮事件
2015/05/26 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
2015/08/22 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
2016/08/29 Javascript
bootstrap模态框实现拖拽效果
2016/12/14 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
2017/06/21 Javascript
BootStrap table实现表格行拖拽效果
2018/12/01 Javascript
Vue基础学习之项目整合及优化
2019/06/02 Javascript
微信小程序基于Taro的分享图片功能实践详解
2019/07/12 Javascript
VUE项目中加载已保存的笔记实例方法
2019/09/14 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
2019/12/25 jQuery
[34:08]2018DOTA2亚洲邀请赛3月29日 小组赛B组 VP VS EG
2018/03/30 DOTA
在Python3中使用asyncio库进行快速数据抓取的教程
2015/04/02 Python
python实现给数组按片赋值的方法
2015/07/28 Python
Python中Selenium模拟JQuery滑动解锁实例
2017/07/26 Python
使用 Python 实现微信公众号粉丝迁移流程
2018/01/03 Python
利用python打开摄像头及颜色检测方法
2018/08/03 Python
Python os.access()用法实例
2019/02/18 Python
django模板结构优化的方法
2019/02/28 Python
解决pyecharts运行后产生的html文件用浏览器打开空白
2020/03/11 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
Python爬虫之App爬虫视频下载的实现
2020/12/08 Python
婚礼证婚人证婚词
2014/01/08 职场文书
法律进学校实施方案
2014/03/15 职场文书
经济职业学院毕业生自荐书
2014/03/17 职场文书
欢迎标语大全
2014/06/21 职场文书
2014年民警工作总结
2014/11/25 职场文书
《日月潭》教学反思
2016/02/20 职场文书
详解JVM系列之内存模型
2021/06/10 Javascript
java executor包参数处理功能 
2022/02/15 Java/Android