HTML5ウェブストレージ

HTML5 Web ストレージ

HTML5 Web ストレージ。Cookie よりも優れたローカル ストレージ方法です。

HTML5 Web Storage とは何ですか?

HTML5 を使用すると、ユーザーの閲覧データをローカルに保存できます。

以前は、ローカル ストレージで Cookie が使用されていました。ただし、Web ストレージはより安全で高速である必要があります。これらのデータはサーバーに保存されませんが、ユーザーが Web サイトのデータを要求した場合にのみ使用され、Web サイトのパフォーマンスに影響を与えることなく大量のデータを保存することもできます。

データ キーと値のペアとして存在する Web ページのデータは、Web ページによるアクセスと使用のみが許可されます。

localStorage と sessionStorage

クライアントにデータを保存するための 2 つの新しいオブジェクトがあります:

localStorage - 時間制限のないデータ ストレージ

sessionStorage - セッション用のデータ ストレージ

Web ストレージを使用する前にブラウザを確認する必要があります。サーバーは localStorage と sessionStorage をサポートします:

if(typeof(Storage)!=="undefined") { // Yes! localStorage and sessionStorage support! // Some code..... } else { // Sorry! No web storage support.. }

localStorage オブジェクト

localStorage オブジェクトによって保存されるデータには時間制限がありません。データは翌日、翌週、または翌日以降も利用できます。

分析例:

key="lastname" と value="Smith" を使用して、localStorage のキー/値ペアを作成します

キー値 "lastname" で値を取得し、ID を持つ要素にデータを挿入します="result"

ヒント: キーと値のペアは通常、文字列として保存されます。必要に応じてこの形式を変換できます。

次の例は、ユーザーがボタンをクリックした回数を示しています。コード内の文字列値が数値型に変換されます。

    
  
点我
 
 
单击该按钮查看计数器增加.
 
关闭浏览器选项卡(或窗口),再试一次,计数器将继续计数(不是重置)。
  

sessionStorage オブジェクト

sessionStorage メソッドは、セッションのデータを保存します。ユーザーがブラウザ ウィンドウを閉じると、データは削除されます。

セッションの作成方法とアクセス方法Storage: :

    
  
Click me!
 
 
单击该按钮查看计数器增加.
 
关闭浏览器选项卡(或窗口),再试一次,计数器将继续计数(不是重置)。