localStorageとsessionStorageの違いは何ですか

ほとんどすべての企業組織は、Webサイトを使用して顧客に連絡し、提供する製品やサービスについて顧客に通知しています。 Webサイトの開発に役立つ主な言語は、ハイパーテキストマークアップ言語の略であるHTMLです。 Webページの構造を構築するのに役立ちます。 CSSやJavaScriptなどの他のすべてのWebテクノロジーはHTMLに基づいています。さらに、HTMLにはさまざまなバージョンがあります。 HTMLの最新バージョンはHTML5です。 SVG、オーディオ、ビデオ、キャンバス、ジオロケーションなどの追加機能を提供します。HTML5は、Webアプリケーションがユーザーのブラウザ内にデータをローカルに保存できるようにする2つのWebストレージ機能も提供します。より安全で、Webサイトのパフォーマンスに影響を与えることなく大量のデータを保存できます。さらに、localStorageとsessionStorageは、クライアントマシンにデータを保存するための2つのWebストレージオブジェクトです。

HTML5、localStorage、sessionStorage、Web Storage

localStorageとは

localStorageは、有効期限なしでデータを保存するのに役立つオブジェクトです。したがって、このデータはブラウザを閉じても削除されません。つまり、ユーザーは時間制限なしでページのローカルストレージにアクセスできます。そのため、翌日、1週間、1年後にデータを取得することができます。

以下のコードを参照してください。

localStorage.setItem（ "firstname"、 "Ann"）;

document.getElementById（“ result1”）。innerHTML = localStorage.getItem（“ firstname”）;

上記のコードは、名前と値のペアでローカルストレージを作成します。名前は「firstname」で、値は「Ann」です。 2行目は、名の値を取得し、それをresult1というIDの要素に挿入するのに役立ちます。

さらに、次のように「名」のlocalStorageアイテムを削除することができます。

localStorage.removeItem（ "firstname"）;

sessionStorageとは

sessionStorageの機能はlocalStorageに似ていますが、1つのセッションのデータのみを保存します。したがって、ユーザーがブラウザのタブを閉じると、データは削除されます。したがって、セッションストレージにデータを追加するのに役立ちます。そのウィンドウで開いた同じサイトのどのページからでもアクセスできます。ユーザーがウィンドウを閉じると、セッションは失われます。同様に、sessionStorageオブジェクトは、特定のセッションの文字列データを許可します。

localStorageとsessionStorageの違い

意味

localStorageは、HTML 5で使用可能なWebストレージオブジェクトの一種であり、有効期限なしでデータを保存できます。対照的に、sessionStorageは、HTML 5で使用可能なWebストレージオブジェクトの一種であり、1つのセッションのデータを保存できます。

使用法

結論

簡単に言うと、HTML 5 Webストレージは、クライアントマシンにデータを保存するための2つのストレージオブジェクト、localStorageとsessionStorageを提供します。通常のCookieよりも大量のデータをローカルに保存するのに役立ちます。ただし、localStorageとsessionStorageの主な違いは、localStorageは有効期限なしでデータを格納するのに対し、sessionStorageは1つのセッションからのデータを格納することです。