html5本地数据库 Web Sql Database

最新推荐文章于 2021-01-19 14:44:29 发布

xieZ

最新推荐文章于 2021-01-19 14:44:29 发布

阅读量1.9k

点赞数 1

文章标签： html5本地数据库 Web Sql D

本文链接：https://blog.youkuaiyun.com/qq_33316091/article/details/77092975

版权

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>html5本地数据库 Web Sql Database</title>
<script type="text/javascript">
window.οnlοad=function(){
/*
Web Sql Database:遵循SQLite数据库语法,限制容量5M【cookie限制容量是4k(1M=1024k)】

openDatabase("数据库名称", "版本号","数据库描述",数据库大小[单位:bytes])
5M = 5*1024k = 5*1024*1024bytes (1M=1024k 1k=1024bytes)
若数据库不存在，则创建数据库
(Chrome浏览器)数据库存储路径 C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\databases
*/
//创建数据库
var db=openDatabase("cms", "1.0", "内容管理系统", 5*1024*1024, function () { });
if(!db) {
document.querySelector('#create_db').innerHTML="数据库创建失败";
return false;
}
document.querySelector('#create_db').innerHTML="数据库创建成功";

//创建数据表
//transaction 事务
db.transaction( function(query){
//executeSql(sql语句,数组[可选],回调函数[可选],错误回调函数[可选])
query.executeSql(
"CREATE TABLE IF NOT EXISTS member (id INTEGER PRIMARY KEY AUTOINCREMENT, member_name VARCHAR(10))",
[],
function(){document.querySelector('#create_table').innerHTML="数据表创建成功";},
function(query,error){alert('数据表创建失败: '+error.message);
});
});

//添加数据
db.transaction( function(query){
query.executeSql('INSERT INTO member(member_name) values("谢竹")');
query.executeSql('INSERT INTO member(member_name) values("咪咕")');
document.querySelector('#add_data').innerHTML="添加数据成功";
});

//查询数据
db.transaction( function(query){
//executeSql(sql语句,数组[可选],回调函数[可选],错误回调函数[可选])
query.executeSql(
"SELECT * FROM member",
[],
function(query,result){
var data = "查询数据: ";
for(i=0;i<result.rows.length;i++) {
var id = result.rows.item(i).id;
var member_name = result.rows.item(i).member_name;
data += "id:"+id+" 会员名:"+member_name+" ";
document.querySelector('#select_data').innerHTML=data;
}
},
function(query,error){ alert('查询失败: '+error.message);
});
});

//更新数据
db.transaction( function(query){
//executeSql(sql语句,数组[可选],回调函数[可选],错误回调函数[可选])
query.executeSql(
"UPDATE member SET member_name='谢竹博客' WHERE id=1",
[],
function(){document.querySelector('#update_data').innerHTML="更新数据成功";},
function(query,error){alert('更新数据失败: '+error.message);
});
});

/*
//删除数据
db.transaction( function(query){
//executeSql(sql语句,数组[可选],回调函数[可选],错误回调函数[可选])
query.executeSql(
"DELETE FROM member WHERE id=2",
[],
function(){document.querySelector('#delete_data').innerHTML="删除数据成功";},
function(query,error){document.querySelector('#delete_data').innerHTML="删除数据失败";;
});
});
*/
}
</script>
</head>
<body>






</body>
</html>