html - localStorage、sessionStorage、session、cookie の違いは何ですか?

Question

、セッション、localStorageおよびの技術的な長所と短所は何ですか?sessionStoragecookies

Answer 1

OK、LocalStorageはブラウザーのローカル ストレージと呼ばれ、最大 10MB 保存できます。SessionStorageも同じですが、その名前が示すように、セッション ベースであり、ブラウザーを閉じた後に削除され、LocalStorage よりも少ない量を保存できます。最大5MBのようですが、Cookieはブラウザに保存される非常に小さなデータであり、最大4KBを節約でき、サーバーまたはブラウザの両方からアクセスできます...

違いが一目でわかるように、以下の画像も作成しました。

Answer 2

document が DOM オブジェクトを保持する window オブジェクトのプロパティの 1 つであるように、これらは JavaScript の「window」オブジェクトのプロパティです。

セッション ストレージ プロパティは、指定されたオリジンごとに個別のストレージ領域を維持します。このストレージ領域は、ページ セッションの間、つまり、ページのリロードや復元を含め、ブラウザが開いている限り利用できます。

ローカル ストレージも同じことを行いますが、ブラウザを閉じて再度開いても保持されます。

保存されたデータを次のように設定および取得できます。

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

var data = sessionStorage.getItem('key');

localStorage についても同様です。