WebSQLは非推奨となり、多くのWebブラウザでは機能が廃止されています。本記事で紹介しているコードも最新のWebブラウザでは動作しない場合があるためご注意下さい。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function Proc() {
var db = OpenMyDatabase();
CreateTable(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 CreateTable(dbobj) {
dbobj.transaction(
function (transact) {
transact.executeSql("CREATE TABLE product ( id, name, price )", [],
function () { alert("CREATE TABLE SUCCESS"); },
function () { alert("CREATE TABLE ERROR"); }
);
}
);
}
</script>
</head>
<body>
<p>テーブルの作成 テストページ</p>
<a href="javascript:Proc();">CreateTable</a><br />
</body>
</html>
transaction()
メソッドを実行します。executeSql()
メソッドを実行します。