window.localStorage に関するメモ

JavaScript

HTML5 の Web Storage (window.localStorage) についてのメモ。

対応ブラウザ

ブラウザ バージョン
Internet Explorer 8+
Firefox 3.5+
Firefox 3.5+
Safari 4.0+
Goole Chrome 4.0+ (3.0+?)
Opera 10.5+

Chrome の部分が怪しい。文献によっては「3.0 以上」とある。WebKit のメジャーバージョンは同じなので 3.0 でも動くかも (未確認)。

使い方

単なるハッシュ。

プロパティ/メソッド 内容
length 保存されているキーの数を返す
key(n) n 番目のキーを返す
getItem(key) key に保存されている値を返す
removeItem(key) key に value を保存する
clear() 全ての key と value を削除する

下記のコードはどちらも同じ結果になる。 

localStorage.hoge = "foo";
localStorage.setItem("hoge", "foo");

サイズ上限

ブラウザによって異なる。5MB (Firefox) ～ 10MB (IE)。ブラウザのメニューから消すことができない。

デモ

入力エリアに任意の文字列を入力して、保存をクリックで保存、読み込みで保存された値を表示します。

保存 | 読み込み | クリア