Window sessionStorage 属性

sessionStorage属性は、session Storageオブジェクトにアクセスを許可します。sessionStorageやlocalStorageに保存されたデータは、ページのプロトコルに特異的です。

JavaScript Window オブジェクト

このsessionStorageの読み取り専用の属性は、あなたが session Storageオブジェクトを

localStorageとsessionStorage属性は、キー/値対はWebブラウザに保存されます。

sessionStorageオブジェクトはブラウザのセッションデータを保存します。ユーザーが特定のブラウザタブを閉じると、データが削除されます。

sessionStorageはlocalStorageと似ています；唯一の違いは、localStorageに保存されたデータには期限がなく、sessionStorageに保存されたデータはページのセッション終了時に削除されることです。

ページのセッションはブラウザが開かれた間ずっと保持され、ページを再読み込みしたりページを復元しても元のページのセッションが保持されます。新しいタブやウィンドウでページを開く際には、新しいセッションのコンテキストとしてトップレベルのブラウザセッションのコンテキストがコピーされます。これはsession cookiesの動作とは異なります。

私たちのHTML5 Web Storage APIにおいてsessionStorageの詳細情報を学びましょう。

構文：

window.sessionStorage

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

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

sessionStorageから 読取データの構文：

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

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

sessionStorage.removeItem("key");

sessionStorageから すべて削除保存されたデータの構文：

sessionStorage.clear();

//　ストレージ
sessionStorage.setItem("name", "Parrot");
//　値を取得
document.getElementById("demo").innerHTML = sessionStorage.getItem("name");

上記のコードはname="name"とvalue="Parrot"を使用してsessionStorageの名前を設定しています。/値対。

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

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

注意：ユーザーがブラウザウィンドウを閉じると、sessionStorageがクリアされます。

ブラウザの互換性

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

技術的詳細

更多实例

以下の例では、セッション変数を設定し、その変数にアクセスします：

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

関連参考

ウィンドウ(Window)参考：window.localStorage属性

HTML教程：HTML5 WebストレージAPI

JavaScript Window オブジェクト