[Edge]。→、
Window の session Storage オブジェクトにアクセスできます。
sessionStorage は Window.localStorage に似ています。唯一の違いは、localStorage に保存されたデータに期限がないのに対して、sessionStorage に保存されたデータはページのセッションが終了するときに消去されます。ページのセッションはブラウザーを開いている限り、ページの再読み込みや復元を越えて持続します。**新しいタブやウィンドウにページを開くと、新しいセッションが開始します。**これは、セッション Cookie の動作とは異なります。
注意すべき点として、sessionStorage や localStorage はページのプロトコルに限定されます。
| Window | Window。 |
|---|
Storage オブジェクト。
以下のスニペットは、現在のドメインのセッション Storage オブジェクトにアクセスして、Storage.setItem() を使用してデータ アイテムを追加します。
sessionStorage.setItem('myCat', 'Tom');
以下の例はテキスト フィールドの内容を自動的に保存して、ブラウザが意図せず再開されたときに、記入した内容を失わないようにテキスト フィールドの内容を復元します。
// 追跡するテキストフィールドを取得する
var field = document.getElementById("field");
// 自動保存された値があるかを確認する
// (これはページが意図せず再開された場合にのみ存在する)
if (sessionStorage.getItem("autosave")) {
// テキストフィールドの内容を復元する
field.value = sessionStorage.getItem("autosave");
}
// テキストフィールドの変更をリッスンする
field.addEventListener("change", function() {
// セッションストレージオブジェクトに結果を保存する
sessionStorage.setItem("autosave", field.value);
});
Note： 注記： 詳細な使用例は の記事を参照してください。