違い: localStorage ライフ サイクルは永続的です。ユーザーが localStorage 情報をクリアしない限り、この情報は永久に存在します。sessionStorage ライフ サイクルは現在のウィンドウまたはタブです。ウィンドウまたはタブが完全に閉じられると、その後、すべて通過すると、保存されていたデータが消去されます。
localStorage と sessionStorage は両方とも、一時的なクライアント情報を保存するために使用されるオブジェクトです。
これらは文字列タイプのオブジェクトのみを保存できます (仕様では他のネイティブ タイプのオブジェクトも保存できますが、これを実装しているブラウザは今のところありません)。
localStorage ライフサイクルは永続的です。つまり、ユーザーがブラウザーによって提供される UI 上で localStorage 情報を消去しない限り、情報は永久に存在します。
sessionStorage のライフ サイクルは、現在のウィンドウまたはタブです。ウィンドウまたはタブが完全に閉じられると、sessionStorage に保存されているすべてのデータが消去されます。
異なるブラウザーは、localStorage または sessionStorage 内の情報を共有できません。同じブラウザ内の異なるページは同じ localStorage (ページは同じドメイン名とポートに属します) を共有できますが、sessionStorage 情報は異なるページまたはタブ間で共有できません。ページとタブはトップレベル ウィンドウのみを参照することに注意してください。タブ ページに複数の iframe タグが含まれており、それらが同じソース ページに属している場合、それらの間で sessionStorage を共有できます。
同一起源の判定ルール:
URL"http://www.example.com/dir/page.html"
の比較。
結果 | 結果 | |
---|---|---|
同じオリジン |
同じプロトコル、ホスト、ポート | |
同じオリジン |
同じプロトコル、ホスト、ポート | |
同じオリジン |
同じプロトコル、ホスト、ポート | |
別のソース | 同じプロトコル、ホスト、別のポート||
別のソース | 異なるプロトコル||
異なるソース | 異なるホスト||
異なるソース | 異なるホスト(完全一致が必要)##http://v2.www.example.com/dir/other.html | |
異なるホスト (完全一致が必要) |
#http://www.example.com:80/dir/other.html | |
ポートは明確であり、ブラウザの実装に依存します
|
他のブラウザとは異なり、IE にはソース インクルードを計算するときにポートがありません。ポート。 | JSON オブジェクトによって提供される解析と文字列化は、他のデータ型を文字列に変換してストレージに保存できます。 |
保存:
var obj = {"name":"xiaoming","age":"16"} localStorage.setItem("userInfo",JSON.stringify(obj));
var user = JSON.parse(localStorage.getItem("userInfo"))
削除:
localStorage.remove("userInfo);
クリア:
localStorage.clear();
以上がセッションストレージとローカルストレージの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。