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样式linear-gradient的使用实例
Jan 16 HTML / CSS
HTML+CSS3 模仿Windows7 桌面效果
Jun 17 HTML / CSS
css3 iphone玻璃透明气泡完美实现
Mar 20 HTML / CSS
CSS3制作酷炫的条纹背景
Nov 09 HTML / CSS
css3 transform导致子元素固定定位变成绝对定位的方法
Mar 06 HTML / CSS
HTML5 使用 sessionStorage 进行页面传值的方法
Jul 02 HTML / CSS
详解Html5中video标签那些属性和方法
Jul 01 HTML / CSS
html5实现多文件的上传示例代码
Feb 13 HTML / CSS
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
May 07 HTML / CSS
HTML5+CSS3模仿优酷视频截图功能示例
Jan 05 HTML / CSS
详解canvas多边形(蜘蛛图)的画法示例
Jan 29 HTML / CSS
canvas绘制太极图的实现示例
Apr 29 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
Flash空降上海 化身大魔王接受挑战
2020/03/02 星际争霸
其他功能
2006/10/09 PHP
PHP远程连接MYSQL数据库非常慢的解决方法
2008/07/05 PHP
php win下Socket方式发邮件类
2009/08/21 PHP
PHP下escape解码函数的实现方法
2010/08/08 PHP
Yii框架组件和事件行为管理详解
2016/05/20 PHP
不错的新闻标题颜色效果
2006/12/10 Javascript
Javascript中 关于prototype属性实现继承的原理图
2013/04/16 Javascript
我的Node.js学习之路(一)
2014/07/06 Javascript
jQuery切换所有复选框选中状态的方法
2015/07/02 Javascript
去除html代码里面的script正则方法
2016/05/19 Javascript
jQuery的实例及必知重要的jQuery选择器详解
2016/05/20 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
Vue resource中的GET与POST请求的实例代码
2017/07/21 Javascript
使用p5.js临摹动态图形
2019/10/23 Javascript
JS绘图Flot应用图形绘制异常解决方案
2020/10/16 Javascript
pymongo为mongodb数据库添加索引的方法
2015/05/11 Python
轻松掌握python设计模式之策略模式
2016/11/18 Python
python实现识别手写数字 python图像识别算法
2020/03/23 Python
Python中property属性实例解析
2018/02/10 Python
python数字图像处理实现直方图与均衡化
2018/05/04 Python
Python企业编码生成系统之主程序模块设计详解
2019/07/26 Python
Django用户认证系统 Web请求中的认证解析
2019/08/02 Python
TensorFlow设置日志级别的几种方式小结
2020/02/04 Python
Python 解析库json及jsonpath pickle的实现
2020/08/17 Python
Python3+SQLAlchemy+Sqlite3实现ORM教程
2021/02/16 Python
SCDKey德国:全球领先的数字游戏市场
2019/04/09 全球购物
sealed修饰符是干什么的
2012/10/23 面试题
应届生个人求职信模板
2013/11/26 职场文书
《泉水》教学反思
2014/04/11 职场文书
放飞梦想演讲稿
2014/05/05 职场文书
靠谱的活动总结
2019/04/16 职场文书
公文写作指导之倡议书!
2019/07/03 职场文书
pytorch 实现在测试的时候启用dropout
2021/05/27 Python
nodejs利用readline提示输入内容实例代码
2021/07/15 NodeJs
Python实战之大鱼吃小鱼游戏的实现
2022/04/01 Python