WebSQLは非推奨となり、多くのWebブラウザでは機能が廃止されています。本記事で紹介しているコードも最新のWebブラウザでは動作しない場合があるためご注意下さい。
Web SQL データベースのテーブルを削除するコードを紹介します。
Web SQLデータベースのテーブルを作成する場合は、DROP TABLE コマンドを実行します。
DROP TABLEコマンドについてはこちらの記事を参照してください。
下記のHTMLファイルを作成します。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function Proc() {
var db = OpenMyDatabase();
DropTable(db);
}
function OpenMyDatabase() {
var dbsize = 1000;
var dbname = "myDB";
var dbversion = "1.0";
var dbdescription = "Test Database"
var db = window.openDatabase(dbname, dbversion, dbdescription, dbsize);
if (db == null) {
alert("データベースが開けませんでした。");
}
return db;
}
function DropTable(dbobj) {
dbobj.transaction(
function (transact) {
transact.executeSql("DROP TABLE IF EXISTS product", [],
function () { alert("DROP TABLE SUCCESS"); },
function () { alert("DROP TABLE ERROR"); }
);
}
);
}
</script>
</head>
<body>
<p>テーブルの作成 テストページ</p>
<a href="javascript:Proc();">DropTable</a><br />
</body>
</html>
SQLコマンドを実行するには、データベースオブジェクトの transaction() メソッドを実行します。
transaction メソッドに与えたコールバック関数でtransactionオブジェクトの executeSql() メソッドを実行します。
上記のHTMLファイルをWebブラウザで表示します。下図のページが表示されます。^
[DropTable]リンクをクリックします。テーブルが削除され、[DROP TABLE SUCCESS]のダイアログが表示されます。
