HTML5のWebストレージ
HTML5のWebストレージ、クッキーローカルストレージよりも良いです。
HTML5のWebストレージとは何ですか?
ユーザーにローカルに保存されたデータを閲覧することができHTML5を使用してください。
以前、ローカルストレージはCookieを使用します。 しかし、Webセキュリティとストレージをより迅速に必要である。これらのデータはサーバーに保存されているが、唯一のサイト上でユーザーが要求したデータのためのデータ。また、サイトのパフォーマンスに影響を与えることなく、大量のデータを格納することができますされません。
キー/値のペアが存在するように、データは、ウェブページデータのみWebアクセスを使用することが許可されています。
ブラウザのサポート
Internet Explorerの8以降、Firefoxの、オペラ、クロム、およびSafariサポートWebストア。
注:IEのインターネットエクスプローラー7およびそれ以前のバージョンは、Webストアをサポートしていません。
localStorageをとのsessionStorage
クライアントデータに格納された2つのオブジェクトは、次のとおりです。
- localStorage - 無期限データストレージ
- sessionStorage - のセッションのためのデータストレージ
ウェブストレージを使用する前に、ブラウザのサポートとのlocalStorageのsessionStorageを確認してください。
localStorageオブジェクト
無期限データ記憶のlocalStorageオブジェクトはありません。 次の日は、第二週、または来年の後、データはまだ利用可能です。
分析の例:
- 「スミス」のlocalStorageキー/値のペアを作成します=キー= "姓"と値を使用し
- 検索「姓」値のキーとその後のid = "結果"要素を挿入
ヒント:キー/値ペアは、通常、あなたは形式を変換するために彼らの必要性に応じてできる文字列として保存されます。
次の例では、ユーザーがデジタルコードの型に文字列値を変換するために、ボタンをクリックした回数を示しています。
例
»をお試しください
sessionStorageオブジェクト
データ記憶のためのセッションのためにのsessionStorage方法。 ユーザーがブラウザウィンドウを閉じると、データが削除されます。
どのように作成してのsessionStorageにアクセスする::
例
»をお試しください