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实现图片翻牌特效
Mar 10 HTML / CSS
CSS3中几个新增加的盒模型属性使用教程
Mar 01 HTML / CSS
CSS3制作气泡对话框的实例教程
May 10 HTML / CSS
css3 实现圆形旋转倒计时
Feb 24 HTML / CSS
css3实现元素环绕中心点布局的方法示例
Jan 15 HTML / CSS
CSS3实现王者匹配时的粒子动画效果
Apr 12 HTML / CSS
css3 flex实现div内容水平垂直居中的几种方法
Mar 27 HTML / CSS
详解HTML5中的Communication API基本使用方法
Jan 29 HTML / CSS
详解HTML5 Canvas绘制不规则图形时的非零环绕原则
Mar 21 HTML / CSS
HTML5本地存储之Web Storage详解
Jul 04 HTML / CSS
HTML5拖拽功能实现的拼图游戏
Jul 31 HTML / CSS
详解HTML5常用的语义化标签
Sep 27 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
文章推荐系统(三)
2006/10/09 PHP
php中的登陆login
2007/01/18 PHP
php preg_match的匹配不同国家语言实例
2016/12/29 PHP
Laravel中10个有用的用法小结
2019/05/06 PHP
TP5框架实现上传多张图片的方法分析
2020/03/29 PHP
Jquery封装tab自动切换效果的具体实现
2013/07/13 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
2013/08/16 Javascript
从数据库读取数据后将其输出成html标签的三种方法
2014/10/13 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
2015/02/16 Javascript
实例详解jQuery表单验证插件validate
2016/01/18 Javascript
AngularJS中的Directive自定义一个表格
2016/01/25 Javascript
AngularJS入门教程之AngularJS模型
2016/04/18 Javascript
Vue.js每天必学之表单控件绑定
2016/09/05 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
2017/01/18 Javascript
Vue动态路由缓存不相互影响的解决办法
2019/02/19 Javascript
详解一个基于套接字实现长连接的express
2019/03/28 Javascript
electron 如何将任意资源打包的方法步骤
2020/04/16 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
2020/10/30 Javascript
Eclipse + Python 的安装与配置流程
2013/03/05 Python
详解Python2.x中对Unicode编码的使用
2015/04/03 Python
完美解决Python2操作中文名文件乱码的问题
2017/01/04 Python
Python使用django搭建web开发环境
2017/06/09 Python
解决安装python库时windows error5 报错的问题
2018/10/21 Python
解析Python的缩进规则的使用
2019/01/16 Python
Python中py文件转换成exe可执行文件的方法
2019/06/14 Python
Python内存管理实例分析
2019/07/10 Python
Python中新式类与经典类的区别详析
2019/07/10 Python
Django REST framework 视图和路由详解
2019/07/19 Python
解决Django中修改js css文件但浏览器无法及时与之改变的问题
2019/08/31 Python
浅谈在django中使用redirect重定向数据传输的问题
2020/03/13 Python
新学期开学标语
2014/06/30 职场文书
2014年督导工作总结
2014/11/19 职场文书
保洁员岗位职责
2015/02/04 职场文书
师德师风个人总结
2015/02/06 职场文书
人事行政助理岗位职责
2015/04/11 职场文书
元旦联欢晚会主持词
2015/07/01 职场文书