ウィンドウlocalStorage
例
localStorageの名前と値のペアを設定および取得します。
localStorage.setItem("lastname", "Smith");
localStorage.getItem("lastname");
以下のその他の例。
定義と使用法
このlocalStorage
オブジェクトを使用すると、キーと値のペアをブラウザに保存できます。
ノート
localStorageオブジェクトは、有効期限なしでデータを保存します。
ブラウザを閉じてもデータは削除されず、今後のセッションで利用できます。
関連項目:
1つのセッションのデータを格納するsessionStorageオブジェクト。
(ブラウザウィンドウを閉じるとデータが削除されます)
構文
window.localStorage
あるいは単に:
localStorage
localStorageにデータを保存します。
localStorage.setItem(key, value);
localStorageからデータを読み取る:
let lastname = localStorage.getItem(key);
localStorageからデータを削除します。
localStorage.removeItem(key);
クリアlocalStorage:
localStorage.removeItem(key);
パラメーター
Parameter | Description |
key | Required. The name of a key. |
value | Required. The value of the key. |
戻り値
タイプ | 説明 |
オブジェクト | localStorageオブジェクト。 |
その他の例
ユーザーがボタンをクリックした回数を数えます。
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount)
+ 1;
} else {
localStorage.clickcount = 1;
}
ブラウザのサポート
window.localStorage
すべてのブラウザでサポートされています:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |