Web Storageの使用方法

種類

  sessionStorage localStorage
有効期限 セッション中のみ。タブが閉じられると喪失 無期限。ブラウザのキャッシュのクリアで喪失
容量 最大5MB sessionStorageより大きい
ウェブストレージ API - Web API | MDN

メソッド

sessionStorage、localStorageのいずれのプロパティでも共通です。

setItem()

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()

getItem(keyName)
Storage: getItem() メソッド - Web API | MDN
var value1 = localStorage.getItem('name1');
JavaScriptのドキュメントから検索