1) 同一生成元ポリシーの制限。異なるページ間で同じ sessionStorage を操作する場合は、これらのページが同じプロトコル、同じホスト名、同じポートの下にある必要があります。 (IE 8 と 9 は、プロトコル (HTTP と HTTPS) とポート番号の要件を無視して、同じホスト名にのみ基づいてデータを保存します)

2) 単一タブの制限。 sessionStorage の操作は 1 つのタブに限定されており、このタブ内の同一オリジンのページにアクセスすることで sessionStorage データを共有できます。

3) ローカルにのみ保管してください。 sessionStorage 内のデータは HTTP リクエストとともにサーバーに送信されません。これはローカルでのみ有効となり、データはタブを閉じると消去されます。（Chromeのタブ復元機能を使用すると、sessionStorage内のデータも復元されます）。

4）保管HTML5 の sessionStorage オブジェクトについての深い理解。 sessionStorageのストレージ方式はキー方式とバリュー方式を採用しています。 value の値は文字列型である必要があります (文字列以外を渡すと、格納時に文字列に変換されます。真の値は「true」に変換されます)。

5) ストレージ制限: ブラウザごとにストレージ制限は異なりますが、ほとんどのブラウザでは制限が 5MB 未満に制限されています。

http://dev-test.nemikor.com/web-storage/support-test/

にアクセスして、ブラウザのストレージ制限をテストできます。

1.3 サポートされるブラウザの最小バージョン

sessionStorage をサポートするブラウザの最小バージョン: IE8、Chrome 5。

1.4 適切なシナリオ

sessionStorage は SPA (シングルページアプリケーション) に非常に適しており、各ビジネスモジュールで値を簡単に転送できます。

2. メンバー

2.1 HTML5 の sessionStorage オブジェクトについての深い理解

readonly int sessionStorage.length : に格納されていることを示す整数を返します。 sessionStorage オブジェクト内のデータ項目 (キーと値のペア) の数。

2.2 メソッド

string sessionStorage.key(int Index): 現在の sessionStorage オブジェクトのインデックス番号のキー名を返します。そうでない場合は、null を返します。

string sessionStorage.getItem(string key): キー名に対応する値を返します。そうでない場合は、null を返します。

void sessionStorage.setItem(string key、string value): このメソッドはキーと値をパラメータとして受け取り、キーが存在する場合はキーと値のペアをストレージに追加し、対応する値を更新します。

void sessionStorage.removeItem(string key): 指定されたキー名 (key) を sessionStorage オブジェクトから削除します。

void sessionStorage.clear() : sessionStorage オブジェクトのすべての項目をクリアします。

3. 例

3.1 データを保存する

3.1.1 setItem() メソッドを使用して保存する

sessionStorage.setItem(&#39;testKey&#39;,&#39;这是一个测试的value值&#39;); // 存入一个值

ログイン後にコピー

3.1.2 HTML5 の sessionStorage オブジェクトについての深い理解を介して保存する

sessionStorage[&#39;testKey&#39;] = &#39;这是一个测试的value值&#39;;

ログイン後にコピー

3.2 データを読み取る

3.2.1 getItem() を通じて値を取得するメソッド

sessionStorage.getItem(&#39;testKey&#39;); // => 返回testKey对应的值

ログイン後にコピー

3.2.2 HTML5 の sessionStorage オブジェクトについての深い理解を通じて値を取得

sessionStorage[&#39;testKey&#39;]; // => 这是一个测试的value值

ログイン後にコピー

3.3 Json オブジェクトを保存する

sessionStorage は Json オブジェクトを保存することもできます。保存するとき、オブジェクトは読み取り時に JSON.stringify() を通じてテキスト形式に変換されます。 JSON を介して、テキストをオブジェクトに変換します。

var userEntity = {
    name: &#39;tom&#39;,
    age: 22
};
 
// 存储值：将对象转换为Json字符串
sessionStorage.setItem(&#39;user&#39;, JSON.stringify(userEntity));
 
// 取值时：把获取到的Json字符串转换回对象
var userJsonStr = sessionStorage.getItem(&#39;user&#39;);
userEntity = JSON.parse(userJsonStr);
console.log(userEntity.name); // => tom

ログイン後にコピー