【javascript】ブラウザに値を保存するWebStorageを使ってみた

GET送信で値を受け渡す以外に、javascriptを使ってブラウザに値を保存することができるWebStorageというものがあるみたいなのでメモ

↓↓↓以前、URLにクエリ文字を渡してどうのこうのしたときの備忘録

WebStorageとは

ブラウザに値を渡して保存してくれる仕組み
sessionStorageとlocalStorageの2種類がある

sessionStorage(ブラウザを閉じたら値は消える)
localStorage(ブラウザを閉じても値は消えない)

sessionStorageとlocalStorageの使い方

<script>
【保存】
sessionStorage.keyname = '値';
sessionStorage['keyname'] = '値';
sessionStorage.setItem('keyname', '値');

【取得】
sessionStorage.getItem('keyname');

【削除】
sessionStorage.removeItem('keyname');

【初期化】
sessionStorage.clear();
</script>

localStorage使いたい時は、
sessionStorageをlocalStorageに書き換えるだけ(※ちゃんと確認してない)

▼参考

HTML5 WebStorage まとめ

sessionStorageをつかってみる