HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML5 localStorageとsessionStorageの使い方は?


HTML5では、HTTPセッションCookieと同様に、構造化データをクライアント側に保存し、次の欠点を克服するための2つのメカニズムが導入されました。

  • CookieはすべてのHTTPリクエストに含まれているため、同じデータを送信することでWebアプリケーションの速度が低下します。
  • Cookieは約4KBのデータに制限されています。必要なデータを保存するには不十分です。

ストレージの2つのメカニズムは、セッションストレージとローカルストレージであり、さまざまな状況を処理するために使用されます。

セッションストレージ

セッションストレージは、ユーザーが単一のトランザクションを実行しているが、異なるウィンドウで同時に複数のトランザクションを実行している可能性があるシナリオ向けに設計されています。

HTML5 localStorageとsessionStorageの使い方は?

次のコマンドを実行して、セッション変数を設定し、その変数にアクセスしてみてください

<!DOCTYPE HTML>
<html>
   <body>
      <script type="text/javascript">
         if( sessionStorage.hits ){
            sessionStorage.hits = Number(sessionStorage.hits) +1;
         } else{
            sessionStorage.hits = 1;
         }
         document.write("Total Hits :" + sessionStorage.hits );
      </script>
      <p>Refresh the page to increase number of hits.</p>
      <p>Close the window and open it again and check the result.</p>
   </body>
</html>
> ローカルストレージ

ローカルストレージは、複数のウィンドウにまたがり、現在のセッションを超えて存続するストレージ用に設計されています。特に、Webアプリケーションは、パフォーマンス上の理由から、ユーザーが作成したドキュメント全体やユーザーのメールボックスなど、メガバイト単位のユーザーデータをクライアント側に保存したい場合があります。

HTML5 localStorageとsessionStorageの使い方は?

次のコードを実行して、ローカルストレージ変数を設定し、このページにアクセスするたびに、次にウィンドウを開いたときでも、その変数にアクセスすることができます。

<!DOCTYPE HTML>
<html>
   <body>
      <script type="text/javascript">
         if( localStorage.hits ){
            localStorage.hits = Number(localStorage.hits) +1;
         } else{
            localStorage.hits = 1;
         }
         document.write("Total Hits :" + localStorage.hits );
      </script>
      <p>Refresh the page to increase number of hits.</p>
      <p>Close the window and open it again and check the result.</p>
   </body>
</html>
>
  1. iCloudの使い方

    iCloudはAppleのより神秘的な製品の1つです-それは何ですか、そしてそれは何をしますか? iCloudアカウントをどのように設定し、そのすべての機能をどのように使用しますか? この記事では、iCloudを使用し、その多くのサービスと機能を最大限に活用するために知っておく必要のあるすべてのことを説明します。 iCloudとは何ですか? iCloudは、Appleがクラウドベースのサービスの範囲に付けた名前であり、電子メール、連絡先、カレンダーの同期、紛失したデバイスの場所(Find My iPhone / iPad)、クラウド内の音楽の保存(iTunes Match)などのさまざま

  2. Windows 11 でストレージ センサーを使用する方法

    Windows PC には、ハードディスクをクリーンアップして効率を最適化できるツールが組み込まれています。 .そして、この Windows のツール/機能は「ストレージ センス」として知られています。 ストレージ容量がほとんどまたはまったくないハードディスク あなたが必要とする最後のものです。ハードディスクがほぼ満杯になると、コンピューターのパフォーマンスに大きな影響が及びます。これにより、アプリがより頻繁に失敗することは間違いありません。 ディスクをクリーンアップし、多くのスペースを消費している最大のアイテムを削除することが唯一の解決策です。Microsoft Windows 11 それ