Window sessionStorage 属性

定義と使用方法

localStorage および sessionStorage ウェブブラウザでキー/値のペアを保存するために属性が使用されます。

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

ヒント：も参照してください localStorage 属性、この属性は期限が切れないデータを保存します。ブラウザを閉じるとデータは削除されず、次の日に、一週間後、または一年後に利用可能です。

例

例 1

name="lastname" と value="Smith" の sessionStorage 名称/値ペアを作成し、"lastname" の値を検索して id="result" の要素に挿入します：

// 保存
sessionStorage.setItem("lastname", "Smith");
// 取得
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");

自分で試してみてください

例 2

以下の例は、ユーザーが現在のセッションでボタンをクリックした回数を計算します：

if (sessionStorage.clickcount) {
  sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
  sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "You have clicked the button " +
sessionStorage.clickcount + " time(s) in this session.";

自分で試してみてください

文法

window.sessionStorage

sessionStorage にデータを保存する文法：

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

sessionStorage からデータを読み取る文法：

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

sessionStorage からデータを削除する文法：

sessionStorage.removeItem("key");

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

sessionStorage.clear();

技術的詳細

返却値： Storage オブジェクト

ブラウザのサポート

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

属性 Chrome IE Firefox Safari Opera
sessionStorage 4.0 8.0 3.5 4.0 11.5