HTML ウェブストレージ

ウェブ ストレージを使用すると、ウェブ アプリケーションはデータをユーザーのブラウザ内にローカルに保存できます。
ウェブ ストレージはより安全であり、ウェブサイトのパフォーマンスに影響を与えることなく、大量のデータをローカルに保存できます。
Web ストレージはオリジンごと、つまりドメインおよびプロトコルごとです。すべてのページは、1 つのオリジンから同じデータを保存し、アクセスできます。

API と Web ストレージ

Google= 4.0
Microsoft Edge= 8.0
Firefox= 3.5

HTML Web ストレージ オブジェクト

HTML Web ストレージは、クライアントにデータを保存するための 2 つのオブジェクトを提供します:
window.localStorage - 有効期限なしでデータを保存します
window.sessionStorage - 1 つのセッションのデータを保存します

if (typeof(Storage) !== "undefined") {
  // Code for localStorage/sessionStorage.
} else {
  // Sorry! No Web Storage support..
}

ローカルストレージオブジェクト

localStorage オブジェクトは、有効期限なしでデータを保存します。
データはブラウザを閉じても削除されず、次の日、週、または年後に利用できるようになります。

// Store
localStorage.setItem("lastname", "Smith");

// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");