javascriptローカルストレージ（はじめに）

1.localStorage和sessionStorage

localStorage属性とsessionStorage属性を使用すると、キーと値のペアのデータをブラウザに保存できます。

（1）ローカルストレージの概要

localStorageは、ウェブサイト全体のデータを長期間保存するために使用されます。保存されたデータは、手動で削除されるまで有効期限がありません。

localStorageプロパティは読み取り専用です。

// 存储（保存数据）
localStorage.setItem("lastname", "Smith");键值对存储
// 检索（读取数据）//获取键所应的值
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
//删除数据
localStorage.removeItem("key");

（2）セッションストレージの概要

 現在のセッションのデータを保存するだけの場合は、sessionStorage 属性を使用でき ます。データオブジェクトは同じウィンドウ（またはタブ）のデータを一時的に保存し、ウィンドウまたはタブを閉じるとデータが削除されます。

// 存储
sessionStorage.setItem("lastname", "Smith");
// 检索
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");
//删除某个键值对
sessionStorage.removeItem("key");

2.クッキーの紹介

Cookieは、本来の意味での「Cookie」ではなく、クライアントコンピュータに保存される単純なテキストファイルを意味します。このファイルは特定のWeb ドキュメントに関連付けられ 、クライアントがWebドキュメントにアクセスしたときに情報を保存します。 Webドキュメントでも、この情報はドキュメントで利用できます。「クッキー」はクライアントに保存できる魔法の機能を備えているため、ユーザーの個人情報を記録する機能を実現するのに役立ちます。