ホームページ ウェブフロントエンド H5 チュートリアル HTML5 WebデータベースのSQL文の使い方database_html5チュートリアルスキル

HTML5 WebデータベースのSQL文の使い方database_html5チュートリアルスキル

May 16, 2016 pm 03:50 PM
database html5

//openDatabase メソッドは既存のデータベースを開きます。データベースが存在しない場合、パラメータはデータベース名、バージョン、データベースの説明、およびデータ サイズです。 1.0"、「私のデータベースの説明」、20000);

データベースで SQL ステートメントを使用する方法

dbname.transaction(function (tx) { tx.executeSql(sql); });


コードをコピー
コードは次のとおりです。

<!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 メソッド 既存のデータベースを開きます。存在しない場合は、データベースが作成されます。
var db = window.openDatabase("mydatabase", "1.0", "My Database description", 20000);
var d = new Date ();
//データテーブルを作成します
var sql = "CREATE TABLE mytable (mytitle TEXT, timestamp REAL)";
db.transaction(function (tx) {
tx .executeSql(sql );
});
//データテーブルにデータを挿入
db.transaction(function (tx) {
tx.executeSql("INSERT INTO mytable (mytitle, timestamp) )values(?, ?)", ["広州大学 Husoft Software College 3", d.toLocaleString()], null, null);
});
//データテーブルを削除
// 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 document.write ('< h1>'
result.rows.item(i)['mytitle'] " "
result.rows.item(i)['timestamp']
'</h1> ');
}
},
function () {
alert("error");
});
});
</script>
</body>
</html>
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

HTML のネストされたテーブル

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTMLの表の境界線

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML 左マージン

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブルのレイアウト

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML 内のテキストの移動

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリスト

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML の onclick ボタン

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML入力プレースホルダー

See all articles