Window localStorageプロパティ
JavaScript ストレージオブジェクト例
localStorage を使って name/value ペア（name="lastname"、value="Smith"）をローカルに作成し、その後 "lastname" の値を取得して id="result" の要素に挿入します。
//保存
localStorage.setItem("lastname", "Smith");
//取得
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
試してみる »
定義と使用
localStorage と sessionStorage プロパティは、ブラウザに key/value ペアのデータを保存することを許可します。
localStorage はウェブサイト全体のデータを長期間保存するために使用され、保存されたデータには有効期限がなく、手動で削除するまで残ります。
localStorage プロパティは読み取り専用です。
ヒント:データを現在のセッションだけに保存したい場合は、次を使用できます。sessionStorageプロパティ。このデータオブジェクトは同じウィンドウ（またはタブ）のデータを一時的に保存し、ウィンドウまたはタブを閉じるとこれらのデータは削除されます。
ブラウザサポート
表内の数字は、そのプロパティをサポートする最初のブラウザバージョン番号を示します。
| プロパティ | |||||
|---|---|---|---|---|---|
| localStorage | 4.0 | 8.0 | 3.5 | 4.0 | 11.5 |
構文
window.localStorage
データ保存構文：
localStorage.setItem("key", "value");
データ読み取り構文：
var lastname = localStorage.getItem("key");
データ削除構文：
localStorage.removeItem("key");
技術詳細
| 戻り値: | ストレージオブジェクト |
その他の例
例
次の例は、ボタンをクリックした回数を記録するために使用されます。
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "あなたはボタンを" +
localStorage.clickcount + "回クリックしました。";
試してみる »