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文本换行word-wrap解决英文文本超过固定宽度不换行
Oct 10 HTML / CSS
浏览器实现移动端高性能css3动画(开启gpu加速)
Dec 23 HTML / CSS
CSS3中的clip-path使用攻略
Aug 03 HTML / CSS
使用CSS3编写灰阶滤镜来制作黑白照片效果的方法
May 09 HTML / CSS
深入剖析webstorage[html5的本地数据处理]
Jul 11 HTML / CSS
详解HTML5 canvas绘图基本使用方法
Jan 29 HTML / CSS
免费获得微软MCSD证书赶快行动吧!
Nov 13 HTML / CSS
HTML5 语音搜索只需一句代码
Jan 03 HTML / CSS
Application Cache未缓存文件无法访问无法加载问题
May 31 HTML / CSS
h5网页水印SDK的实现代码示例
Feb 19 HTML / CSS
小程序瀑布流解决左右两边高度差距过大的问题
Feb 20 HTML / CSS
HTML5 背景的显示区域实现
Jul 09 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
晶体管来复再生式二管收音机
2021/03/02 无线电
PHP获取MAC地址的函数代码
2011/09/11 PHP
linux中cd命令使用详解
2015/01/08 PHP
php取得字符串首字母的方法
2015/03/25 PHP
PHP+Jquery与ajax相结合实现下拉淡出瀑布流效果【无需插件】
2016/05/06 PHP
yii2 RBAC使用DbManager实现后台权限判断的方法
2016/07/23 PHP
php版微信公众平台入门教程之开发者认证的方法
2016/09/26 PHP
Netbeans 8.2与PHP相关的新特性介绍
2016/10/08 PHP
替换php字符串中的单引号为双引号的方法
2017/02/16 PHP
php微信开发之图片回复功能
2018/06/14 PHP
javascript 循环调用示例介绍
2013/11/20 Javascript
js传中文参数controller里获取参数乱码问题解决方法
2014/01/03 Javascript
angular.foreach 循环方法使用指南
2015/01/06 Javascript
DOM 高级编程
2015/05/06 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
2016/07/22 Javascript
Angular中实现树形结构视图实例代码
2017/05/05 Javascript
关于vue面试题汇总
2018/03/20 Javascript
JavaScript fetch接口案例解析
2018/08/30 Javascript
vue项目中mock.js的使用及基本用法
2019/05/22 Javascript
Vue实现购物车实例代码两则
2020/05/30 Javascript
[01:09:50]VP vs Pain 2018国际邀请赛小组赛BO2 第二场
2018/08/20 DOTA
利用Python的Django框架生成PDF文件的教程
2015/07/22 Python
Python数据结构与算法之字典树实现方法示例
2017/12/13 Python
解决python写入带有中文的字符到文件错误的问题
2019/01/31 Python
Django数据库类库MySQLdb使用详解
2019/04/28 Python
基于Python的图像数据增强Data Augmentation解析
2019/08/13 Python
Python之Class&amp;Object用法详解
2019/12/25 Python
tensorflow没有output结点,存储成pb文件的例子
2020/01/04 Python
Python3 xml.etree.ElementTree支持的XPath语法详解
2020/03/06 Python
css3实现的下拉菜单效果示例
2014/01/22 HTML / CSS
回门宴新郎答谢词
2014/01/12 职场文书
运动会方队口号
2014/06/07 职场文书
答谢词范文
2015/01/05 职场文书
2015年清明节扫墓演讲稿
2015/03/18 职场文书
初二物理教学反思
2016/02/19 职场文书
Python日志模块logging用法
2022/06/05 Python