html5データストレージ（localStorageおよびsessionStorage）

前書き

HTML5は、クライアント側でデータを保存するための2つの新しい方法を提供します。それは、永続データストレージlocalStorageと会話型データストレージsessionStorageです。

localStorageオブジェクト

localStorageオブジェクトによって保存されるデータには時間制限がないため、永続ストレージと呼ばれ、データストレージは長期間使用できます。
このようなオブジェクトを使用する前に、ブラウザがそれをサポートしているかどうかを確認することをお勧めします。チェックコードは次のとおりです。

  if(typeof(Storage)!="undefined") {
               //是的! 支持 localStorage sessionStorage对象! //一些代码...}
 else { //抱歉! 不支持web存储。 }

localStorageオブジェクトとsessionStorageオブジェクトのメソッドは同じですが、オブジェクト名のみが異なります。

localStorageオブジェクトの一般的なメソッド：

localStorage.setItem(key,value)：保存数据。
localStorage.getItem(key)：读取数据。
localStorage.removeItem(key)：删除单个数据。
localStorage.clear()：删除所有数据。
localStorage.key(index)：得到某个索引的key。

sessionStorageオブジェクト

sessionStorageオブジェクトは、セッションのデータを格納します。データストレージサイクルは短く、ユーザーがブラウザウィンドウを閉じると、データは削除されます。このオブジェクトのメソッドは、localStorageオブジェクトのメソッドと同じです。