HTML5 Web Database 數(shù)據(jù)庫的SQL語句的使用方法
發(fā)布時間：2012-12-09 14:13:29 作者：佚名 
我要評論
我要評論本文將詳細(xì)介紹HTML5 Web Database 數(shù)據(jù)庫的SQL語句的使用方法,需要了解的朋友可以參考下
//openDatabase方法打開已經(jīng)存在的數(shù)據(jù)庫，如果不存在將會創(chuàng)建一個數(shù)據(jù)庫，參數(shù)分別是 數(shù)據(jù)庫的名稱，版本，數(shù)據(jù)庫的描述，和數(shù)據(jù)大小 var db = window.openDatabase("mydatabase", "1.0", "我的數(shù)據(jù)庫描述", 20000);
<!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方法打開已經(jīng)存在的數(shù)據(jù)庫，如果不存在將會創(chuàng)建一個數(shù)據(jù)庫
var db = window.openDatabase("mydatabase", "1.0", "我的數(shù)據(jù)庫描述", 20000);
var d = new Date();
//創(chuàng)建數(shù)據(jù)表
var sql = "CREATE TABLE mytable (mytitle TEXT, timestamp REAL)";
db.transaction(function (tx) {
tx.executeSql(sql);
});
//往數(shù)據(jù)表插入數(shù)據(jù)
db.transaction(function (tx) {
tx.executeSql("INSERT INTO mytable (mytitle, timestamp) values(?, ?)", ["廣州大學(xué)華軟軟件學(xué)院3", d.toLocaleString()], null, null);
});
//刪除數(shù)據(jù)表
//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>
數(shù)據(jù)庫的SQL語句的使用方法
dbname.transaction(function (tx) { tx.executeSql(sql); });
復(fù)制代碼
代碼如下:<!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方法打開已經(jīng)存在的數(shù)據(jù)庫，如果不存在將會創(chuàng)建一個數(shù)據(jù)庫
var db = window.openDatabase("mydatabase", "1.0", "我的數(shù)據(jù)庫描述", 20000);
var d = new Date();
//創(chuàng)建數(shù)據(jù)表
var sql = "CREATE TABLE mytable (mytitle TEXT, timestamp REAL)";
db.transaction(function (tx) {
tx.executeSql(sql);
});
//往數(shù)據(jù)表插入數(shù)據(jù)
db.transaction(function (tx) {
tx.executeSql("INSERT INTO mytable (mytitle, timestamp) values(?, ?)", ["廣州大學(xué)華軟軟件學(xué)院3", d.toLocaleString()], null, null);
});
//刪除數(shù)據(jù)表
//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>
相關(guān)文章
我的css框架——base.css(重設(shè)瀏覽器默認(rèn)樣式)
有自己css框架在網(wǎng)頁布局過程中會顯得相當(dāng)容易，本文提供的是本人的經(jīng)驗之談主要功能在于重設(shè)瀏覽器默認(rèn)樣式，熱愛布局的你可千萬不要錯過了哈，希望可以幫助到你2013-03-19HTML5本地存儲之Database Storage應(yīng)用介紹
實際上，除了sessionStorage和localStorage外，HTML5還支持通過本地數(shù)據(jù)庫進(jìn)行本地數(shù)據(jù)存儲，HTML5采用的是"SQLLite"這種文件型數(shù)據(jù)庫，該數(shù)據(jù)庫多集中在嵌入式設(shè)備上，熟2013-01-06HTML5教程之html 5 本地數(shù)據(jù)庫（Web Sql Database）
HTML5的Web SQL Databases（html5 本地數(shù)據(jù)庫）的確很唬人，當(dāng)你發(fā)現(xiàn)可以用與mysql查詢一樣的查詢語句來操作本地數(shù)據(jù)庫時，你會發(fā)現(xiàn)這東西挺有趣的,今天，我們一起來了解HT2014-04-03Web數(shù)據(jù)存儲淺析 Cookie、UserData、SessionStorage、WebSqlDatabase
淺析Web數(shù)據(jù)存儲-Cookie、UserData、SessionStorage、WebSqlDatabase 的使用方法。2010-08-06- 當(dāng)點了鏈接后，跳出的網(wǎng)頁地址是http://www.webjx.com/web/或http://www.webjx.com/css/，它就是在這些相對路徑的文件前加上基鏈接指向的地址。如果目標(biāo)文件中的鏈接沒有指2008-10-17
CSS標(biāo)準(zhǔn)：vertical-align屬性
原文：http://www.mikkolee.com/13 最近幾天仔細(xì)研究了一下vertical-align這個屬性，結(jié)果讓我大吃一驚，這個很“資深”的CSS標(biāo)準(zhǔn)竟然在各個瀏覽器里面的表現(xiàn)2008-10-17- 在requireJS中，有一個屬性叫baseURL，通過設(shè)置baseURL，我們可以將需要加載的文件路徑寫成相對于項目的，而不是相對于當(dāng)前頁面的2013-04-24