webdataBase
2016-07-27 15:38
537 查看
<!DOCTYPE html>
<html>
<head>
/*html5webdataBase 操作使用
* webSQL数据库有三个核心方法:
1、打开数据库opendataBase();:此方法创建数据库对象,既可以使用已有的数据库,也可以创建新的数据库,如果不存在就直接创建一个数据库文件
2、事物transaction() 此方法可以用于控制事物处理,执行提交操作或者回滚操作,实现连接好数据库所执行的操作。
3、执行SQL命令executesSql() 此方法用于执行SQL查询
*/
*/
<meta charset="UTF-8">
<title>html5-web SQL dataBase</title>
</head>
<body>
<script type="text/javascript">
var db=window.openDatabase("chinaday","1.0","信息工程学院",2000);//建立一个数据库
if(db){
//判断数据库是否存在
// alert("数据库创建成功");
db.transaction(function (tx){
tx.executeSql("CREATE TABLE tt(id int,title TEXT)");
});
// db.transaction(function (tx){
// tx.executeSql("insert into tt(id,title) values (?,?)",["4","河南商丘"]);
// tx.executeSql("insert into tt(id) values(?)",["5"]);
// tx.executeSql("insert into tt(id ,title) values (10,'南阳')");
// tx.executeSql("delete from tt where id='1'");
// tx.executeSql("insert into tt(title) vlues ('php100')");
// });
db.transaction(function (tx){
tx.executeSql("delete from tt where title='河南'");
tx.executeSql("delete from tt where title='河南'");
tx.executeSql("delete from tt where id='5'");
tx.executeSql("insert into tt (id,title) values (4,'pingdignsh')");
// tx.executeSql("insert into tt(title) values ('河南水利')");
tx.executeSql("select * from tt",[],function(tx,rs){
for(var i=0;i< rs.rows.length; i++){
document.write(rs.rows.item(i)['title']+'<br />');
}
},function(tx){
alert("显示不出来");
});
});
}
else{
alert("浏览器不支持");
}
</script>
</body>
</html>
<html>
<head>
/*html5webdataBase 操作使用
* webSQL数据库有三个核心方法:
1、打开数据库opendataBase();:此方法创建数据库对象,既可以使用已有的数据库,也可以创建新的数据库,如果不存在就直接创建一个数据库文件
2、事物transaction() 此方法可以用于控制事物处理,执行提交操作或者回滚操作,实现连接好数据库所执行的操作。
3、执行SQL命令executesSql() 此方法用于执行SQL查询
*/
*/
<meta charset="UTF-8">
<title>html5-web SQL dataBase</title>
</head>
<body>
<script type="text/javascript">
var db=window.openDatabase("chinaday","1.0","信息工程学院",2000);//建立一个数据库
if(db){
//判断数据库是否存在
// alert("数据库创建成功");
db.transaction(function (tx){
tx.executeSql("CREATE TABLE tt(id int,title TEXT)");
});
// db.transaction(function (tx){
// tx.executeSql("insert into tt(id,title) values (?,?)",["4","河南商丘"]);
// tx.executeSql("insert into tt(id) values(?)",["5"]);
// tx.executeSql("insert into tt(id ,title) values (10,'南阳')");
// tx.executeSql("delete from tt where id='1'");
// tx.executeSql("insert into tt(title) vlues ('php100')");
// });
db.transaction(function (tx){
tx.executeSql("delete from tt where title='河南'");
tx.executeSql("delete from tt where title='河南'");
tx.executeSql("delete from tt where id='5'");
tx.executeSql("insert into tt (id,title) values (4,'pingdignsh')");
// tx.executeSql("insert into tt(title) values ('河南水利')");
tx.executeSql("select * from tt",[],function(tx,rs){
for(var i=0;i< rs.rows.length; i++){
document.write(rs.rows.item(i)['title']+'<br />');
}
},function(tx){
alert("显示不出来");
});
});
}
else{
alert("浏览器不支持");
}
</script>
</body>
</html>
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- HTML5调用摄像头实例
- Powershell 创建炫丽美观的Html报表
- 设计模式---状态模式在web前端中的应用
- Apple官网研究之使用Justify布局导航
- 关于前端的思考与感悟
- 又被事件冒泡坑了一把,这次要彻底弄懂浏览器的事件流
- 移动端点击事件全攻略,这里的坑你知多少?
- $q 实例分析 Angular 中的 Promise
- Angular directive 实例详解
- 关于浮动与清除浮动,你应该知道的
- 通过Mootools 1.2来操纵HTML DOM元素
- jQuery Html控件基本操作(日常收集整理)
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)