HTML5 SessionStorageセッションストレージ

SessionStorageは、HTML5の新しいセッションストレージオブジェクトです。この記事では、主にSessionStorageの使用を紹介します。操作の追加、変更、削除を含む。

SessionStorageは、HTML5の新しいセッションストレージオブジェクトです。

このオブジェクトは、window.sessionstorageまたはsessionstorageを介してJavaScript言語で呼び出すことができます。

1）同じソース戦略の制限。異なるページ間で同じセッションストラージを操作する場合は、これらのページは同じプロトコル、同じホスト名と同じポートの下にある必要があります。 （つまり、8および9のストレージデータは、プロトコル（HTTPおよびHTTPS）とポート番号の要件を無視する同じホスト名に基づいています）

2）シングルラベルページの制限。 SessionStorage操作は、このタブページに制限されています。SessionStorageデータを共有できます。

3）ローカルにのみ保管されています。 SeesionStorageのデータは、HTTPリクエストでサーバーに送信されません。 （Chromeの回復タブ機能を使用すると、SeesionStorageのデータも復元されます）。

4）ストレージ方法。 SeesionStorageのストレージ方法は、キーと価値に基づいています。値の値は文字列型でなければなりません（非ストリングではなく、ストレージ中に文字列に変換されます。真の値はtrueに変換されます）。

5）ストレージ制限：異なるブラウザは上限を保存しますが、ほとんどのブラウザは上限を5MB未満に制限します。

SessionStorageのブラウザサポートの最小バージョン：IE8、Chrome 5。

SessionStorageは、各ビジネスモジュールの送信値に便利なSPA（シングルページアプリケーション）に非常に適しています。

readonly intsessionStorage.length：整数を返し、SessionStorageオブジェクトに保存されているデータ項目（キー値ペア）の数を示します。

String SessionStorage.Key（int index）：現在のSessionStorageオブジェクトのインデックスシリアル番号のキー名は返されます。 nullを返さない場合。 stringsessionStorage.getItem（string key）：キー名の値（key）。 nullを返さない場合。 voidsessionStorage.setItem（String Key、String値）：このメソッドは、キー名（キー）としての値を受け入れ、キー名が存在する場合、対応する値が更新されます。 voidsessionStorage.RemoveItem（String Key）：sessionStorageオブジェクトから指定されたキー名を削除します。 voidsessionStorage.clear（）：SessionStorageオブジェクトのすべてのアイテムをクリアします。

sessionstorage.setItem（ 'testkey'、 'これはテスト値 "）; //

sessionStorage ['testkey'] = 'これはテストの値です」

sessionstorage.getitem（ 'testkey'）; // =>対応する値に戻ります

sessionstorage ['testkey']; // =>これはテストの値です

SessionStorageはJSONオブジェクトを保存することもできます。保存すると、オブジェクトはjson.stringify（）を介してテキスト形式に変換されます。

 var userntity = {name： 'tom'、age：22}; ：JSON文字列変換varjsonstr = sessionstorage.getItem（ 'user'）;

上記は、私があなたに紹介したHTML5セッションセッションのストレージです。 VEVBウーリンのウェブサイトへのご支援ありがとうございます！