sessionStorage | localStorage | |
---|---|---|
有効期限 | セッション中のみ。タブが閉じられると喪失 | 無期限。ブラウザのキャッシュのクリアで喪失 |
容量 | 最大5MB | sessionStorageより大きい |
sessionStorage、localStorageのいずれのプロパティでも共通です。
setItem(keyName, keyValue)Storage: setItem() メソッド - Web API | MDN
sessionStorage.setItem('name1', 'value1'); sessionStorage.setItem('name2', 'value2');
localStorage.setItem('name1', 'value1'); localStorage.setItem('name2', 'value2');
保存した内容は、ブラウザの開発者ツールで確認できます。
getItem(keyName)Storage: getItem() メソッド - Web API | MDN
var value1 = localStorage.getItem('name1');