Javascriptのローカルストレージ

ローカルストレージは、ページからローカルデータを容易に格納するためのHTML 5の一部です.localStorageとsessionStorageの2つが含まれています.前者が保存したデータは、ブラウザキャッシュをクリアしない限り、常に保存できます.後者が保存したデータはブラウザを閉じると失効します.
ローカルストレージIE 8.0+,Firefox 3.5+,Chrome 4.0+、Safari 4.0+とOpera 10.5+がサポートされています.使い方も簡単です.

if (window.localStorage){

    // set item

    localStorage.key1 = 'value1';

    localStorage['key2'] = 'value2';

    localStorage.setItem('key3', 'value3');



    // get item

    var a = localStorage.key1;

    var b = localStorage['key2'];

    var c = localStorage.getItem('key3');



    // delete item

    localStorage.removeItem('key');



    // clear all items

    localStorage.clear();   

}

ローカルストレージには文字列データのみが格納されるため、他のタイプのデータにアクセスするには変換が必要です.また、IE 9やFirefox 6などのブラウザによっては、ローカルで開いているページに対してローカルストレージが無効になっているものもあります.
参考資料:[1]Web Storage - W3C[2]DOM Storage - MDN[3]Web Storage Support Test[4]Local Storage - Dive Into HTML5[5]ローカルストレージのゴシップ|Tencent AlloyTeam[6]JavaScriptローカルストレージ実践(html 5のlocalStorageとieのuserData)[7]html 5クライアントローカルストレージのセッションストレージおよびstorageイベント[8]localStorage.setItem not persisting on refresh - stackoverflow[9]local storage in IE9 fails when the website is accessed directly from the file system[A]Bug 507361 - localStorage doesn't work in file:/// documents[2]