HTML5 4

ブロック崩し

Web Strage

Web Strageによって、ローカルにデータを保存しておくことができます。

Web Storage

最も簡単にデータを保存できる方法です。

ローカルストレージ

あるホストのページ全体からデータの保存・参照ができます。
複数のウインドウで共通のデータを保持できます。 ウインドウを閉じても、データが失われません。

セッションストレージ

あるセッションの間だけ保存・参照ができます。
ウインドウを閉じると、データが失われます。

Web SQL

SQLによるデータの保存ができます。

Indexed Database API

インデックスと、データの組によってデータを保存します。

ローカルストレージ

ローカルストレージは、外部変数localStorageに値を保存するしくみです。
保存されるJavascriptのオブジェクトは文字列になります。

localStorage.data1 = 3;
localStorage.data2 = 'test';
var array = new Array(2);
array[0] = 1;
array[1] = 2;
localStorage.data3 = array;

var d1 = localStorage.data1; // d1は'3'という文字列
var d2 = Number(d1) + 3; // d1を数値に変換
var s1 = localStorage.data2; // 元々文字列のデータはそのままでOK
var t = localStorage.data3; // tは'1,2'という文字列になっている
var a = eval('new Array('+t+')'); // 文字列tを使って配列を定義
var a1 = a[0];
var a2 = a[1];