JavaScript オブジェクト

JavaScript リファレンスマニュアル

localStorage読み取り専用プロパティは、あなたがストレージドキュメントのソースオブジェクトに; 保存されたデータはブラウザセッションを越えて保存されます。

cookieを使用するよりも、localStorageオブジェクトは、ブラウザがより良い方法でキーを保存するメカニズムを提供します。/値対。

localStorageとsessionStorage同様ですが、localStorageに保存されたデータには有効期限がなく、ページのセッションが終了した時（つまりページを閉じた時）、sessionStorageに保存されたデータがクリアされます。

私たちのHTML5 Web Storage APIにおいてlocalStorageに関する詳細な情報を確認してください。

window.localStorage

データを保存localStorageへの構文：

localStorage.setItem("key", "value");

localStorageから 読み取りデータの構文：

var name = localStorage.getItem("key");

localStorageから削除データの構文：

localStorage.removeItem("key");

例

//　Store
localStorage.setItem("name", "Parrot");
//　Retrieve
document.getElementById("demo").innerHTML = localStorage.getItem("name");

上記のコードはname="name"とvalue="Parrot"を使用してlocalStorageの名称を作成します。/値対。

次に「名称」の値を検索し、id="demo"を持つ要素に挿入します。

名称/値対は常に文字列として保存され、必要に応じて他の形式に変換することができます。

テーブルの数字は、localStorage属性を完全にサポートする最初のブラウザバージョンを指定しています：

属性
localStorage	4	3.5	11.5	4	9

返り値：	一つストレージオブジェクト、現在のソースのローカルストレージスペースにアクセスするために使用できます

以下の例では、ローカルストレージ変数を設定し、ページにアクセスするたびにその変数を参照します：

例

if　(localStorage.hits)　{
localStorage.hits　=　Number(localStorage.hits)　+　1;
}　else　{
localStorage.hits　=　Number(localStorage.hits)　1;
}

localStorageプロジェクトを削除することもできます：

例

localStorage.removeItem("hits");