JavaScriptストレージオブジェクト
Web ストレージ API は、 Web ページ データを追加、削除、変更、クエリするための 2 つのストレージ オブジェクト
sessionStorage
(セッション ストレージ) と (ローカル ストレージ) を提供します。
localStorage
- localStorage は Web サイト全体のデータを長期間保存するために使用され、保存されたデータには手動で削除するまで有効期限がありません。localStorage プロパティは読み取り専用です。
- sessionStorage は、同じウィンドウ (またはタブ) のデータを一時的に保存するために使用されます。このデータは、ウィンドウまたはタブを閉じると削除されます。
ストレージオブジェクトメソッド
パラメータ | 説明する |
---|---|
キー(n) | ストレージオブジェクト内のn番目のキーの名前を返します。 |
getItem(キー名) | 指定されたキーの値を返します |
setItem(キー名, 値) | キーと値を追加し、対応する値が存在する場合は、キーに対応する値を更新します。 |
削除アイテム(キー名) | キーを削除します |
クリア() | ストレージオブジェクト内のすべてのキーをクリアします |
1.ローカルストレージ
構文:window.localStorage
データの保存 構文:localStorage.setItem("key", "value");
データの読み取り 構文:var lastname = localStorage.getItem("key");
データの削除 構文:localStorage.removeItem("key");
2.セッションストレージ
構文:window.sessionStorage
データの保存 構文:sessionStorage.setItem("key", "value");
データの読み取り 構文:var lastname = sessionStorage.getItem("key");
指定されたキーのデータの削除 構文::sessionStorage.removeItem("key");
すべてのデータの削除:sessionStorage.clear();