HTML5ウェブストレージ

クライアント側でのデータの保存

HTML5 は、クライアント側でデータを保存する 2 つの新しい方法を提供します:

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

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

以前は、これらは Completed by によって提供されていました。クッキー。ただし、Cookie はリクエストごとにサーバーに渡されるため、速度が遅く非効率的になるため、大量のデータを保存するのには適していません。

HTML5 では、サーバーリクエストごとにデータが渡されるわけではなく、データはリクエストされた場合にのみ使用されます。 Web サイトのパフォーマンスに影響を与えることなく、大量のデータを保存できます。

Web サイトごとにデータは異なる領域に保存され、Web サイトは独自のデータのみにアクセスできます。

HTML5 は JavaScript を使用してデータを保存し、データにアクセスします。

localStorage メソッド

localStorage メソッドによって保存されるデータには時間制限がありません。データは翌日、翌週、または翌日以降も利用できます。

localStorage を作成してアクセスする方法:

インスタンス

<script type="text/javascript">localStorage.lastname="Smith";document.write(localStorage.lastname);
</script>

次の例では、ユーザーがページにアクセスした回数をカウントします。

インスタンス

<script type="text/javascript">
if (localStorage.pagecount)
  {
  localStorage.pagecount=Number(localStorage.pagecount) +1;
  }
else
  {  localStorage.pagecount=1;
  }
document.write("Visits "+ localStorage.pagecount + " time(s).");
</script>

sessionStorage メソッド

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

セッションの作成とアクセス方法ストレージ:

インスタンス

<script type="text/javascript"> sessionStorage.lastname="Smith"; document.write(sessionStorage.lastname); </script>

次の例は、現在のセッションでユーザーがページにアクセスした回数をカウントします:

インスタンス

<script type="text/javascript">
if (sessionStorage.pagecount)
  {
  sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
  }
else
  {  sessionStorage.pagecount=1;
  }
document.write("Visits "+sessionStorage.pagecount+" time(s) this session.");
</script>

上記は HTML 5 Web Storage の内容です、その他の関連コンテンツ PHP 中国語 Web サイト (www.php.cn) にご注意ください。