| 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');
指定のキーが存在しないならば、nullが返されます。