戻る

HTML5でWeb Storageを扱う

ローカルストレージの場合

ストレージに保存する

localStorage.setItem("MYDATA","hoge");

localStorage.MYDATA = "hoge";

localStorage["MYDATA"] = "hoge";

ストレージからデータをを取得する

var data = localStorage.getItem("MYDATA");

var data = localStorage.MYDATA;

var data = localStorage["MYDATA"];

ストレージからデータを削除する

localStorage.removeItem("MYDATA");

delete localStorage.MYDATA;

delete localStorage.["MYDATA"];

ストレージから長さを得る

localStorage.length

ストレージに保存されているデータをすべて削除する

localStorage.clear();

セッションストレージの場合

ストレージに保存する

sessionStorage.setItem("MYDATA","hoge");

sessionStorage.MYDATA = "hoge";

sessionStorage["MYDATA"] = "hoge";

ストレージからデータをを取得する

var data = sessionStorage.getItem("MYDATA");

var data = sessionStorage.MYDATA;

var data = sessionStorage["MYDATA"];

ストレージから長さを得る

sessionStorage.length

ストレージに保存されているデータをすべて削除する

sessionStorage.clear();

Copyright © 2012 YOHSUKE NAKANO