1、localStorageローカルストレージ
localStorageのライフサイクルは永続的です。つまり、ユーザーがブラウザーによって提供されるUIでlocalStorage情報をクリアしない限り、その情報は常に存在します。ストレージデータのサイズは通常5MBで、クライアント(つまりブラウザ)にのみ保存され、サーバーとの通信には関与しません。
2、sessionStorageセッションストレージ
sessionStorageは現在のセッションでのみ有効であり、ページまたはブラウザを閉じるとクリアされます。ストレージデータのサイズは通常5MBで、クライアント(つまりブラウザ)にのみ保存され、サーバーとの通信には関与しません。ソースインターフェイスを受け入れることができます。また、オブジェクトと配列をより適切にサポートするために、再度カプセル化することもできます。
3.使用する場合は同じAPIを使用します
localStorage.setItem("key","value");//以“key”为名称存储一个值“value”
localStorage.getItem("key");//获取名称为“key”的值
localStorage.removeItem("key");//删除名称为“key”的信息。
localStorage.clear();//清空localStorage中所有信息
異なるブラウザは、localStorageまたはsessionStorageの情報を共有できません。同じブラウザの異なるページは同じlocalStorageを共有できます(ページは同じドメイン名とポートに属します)が、異なるページまたはタブはsessionStorage情報を共有できません。ここで、ページとタブはトップレベルのウィンドウのみを参照することに注意してください。タブに複数のiframeタグが含まれ、それらが同じページに属している場合、sessionStorageをそれらの間で共有できます。
4.長所と短所
短所:ie9以下のブラウザとは互換性がありません。
長所:完璧なインターフェース