HTML5 はすでに強(qiáng)力な localStorage と sessionStorage を提供していますが、どちらも単純なデータ構(gòu)造を保存するためのデータしか提供できず、複雑な Web アプリケーション データには無力です。驚くべきことに、HTML5 はブラウザ側(cè)のデータベース サポートを提供し、JS API を介してブラウザ側(cè)でローカル データベースを直接作成できるようになり、標(biāo)準(zhǔn)の SQL CRUD 操作をサポートして、オフライン Web アプリケーションが構(gòu)造化されたデータをより便利に保存できるようになりました。次に、関連するAPIとローカルデータの利用方法について紹介します。

ローカル データベースを操作するための最も基本的な手順は次のとおりです:

ステップ 1: openDatabase メソッド: データベースにアクセスするためのオブジェクトを作成します。

2 番目のステップ: 最初のステップで作成したデータベース アクセス オブジェクトを使用して、トランザクション メソッドを?qū)g行します。このメソッドを通じて、トランザクションを正常に開始するためのイベント応答メソッドを設(shè)定できます。

ステップ 3: パスexecuteSql メソッドはクエリを?qū)g行します。もちろん、クエリは CRUD にすることができます。

次に、パラメータと関連メソッドの使用法を紹介します。

1. openDatabase メソッド

//デモ: データベースが存在しない場(chǎng)合は、データベースを作成します

var dataBase = openDatabase("student", "1.0", "學(xué)生表", 1024 * 1024, function () { });

データベースが存在しない場(chǎng)合は、openDatabase メソッドを使用してデータベースを作成することもできます。データベース。いくつかのパラメータの意味は次のとおりです:

• データベース名。

• データベースのバージョン番號(hào)?，F(xiàn)在は 1.0 で十分です。もちろん、入力する必要はありません。

• データベースの説明。

• 割り當(dāng)てられるデータベースのサイズを設(shè)定します(単位はkb)。

• コールバック関數(shù)（省略可能）。

2. db.transaction メソッド

3.executeSql メソッドはクエリを?qū)g行します

ts.executeSql(sqlQuery,[value1,value2..],dataHandler,errorHandler)

• qlQuery: 具體的に実行する必要がある SQL ステートメントは、create、select、update、delete です。

[value1, value2..]: SQL ステートメントで使用されるすべてのパラメーターの配列。executeSql メソッドでは、まず s> ステートメントで使用されるパラメーターを「?」に置き換えます。 2 つのパラメータのうち、

• dataHandler: 実行が成功するとコールバック関數(shù)が呼び出され、クエリ結(jié)果セットを取得できます。

• errorHandler: 実行が失敗したときに呼び出されるコールバック関數(shù);