HTML5の出現前に、開発者がクライアントに少量のデータを保存する必要がある場合、Cookieを介してのみ実装できますが、Cookieにはいくつかの不十分なポイントがあります。
•各ドメイン名の下のCookieのサイズは4kbに制限されています。
•Cookieには、各HTTPリクエストに含まれます。これにより、データが重複します。
•Cookieには、ネットワークトランスミッション中に暗号化がなく、隠された安全性の危険があります。
Webストレージ機能は、HTML5に追加されています。公式のWebストレージは、各WebサイトがCookieよりも多くのデータを保存できることを示唆しています。 Webストレージは、Firefox、Opera、Chrome、Safariの主流のブラウザのサポートを受けています。
Webストレージの紹介Webストレージは、セッションストレージとローカルストレージに分割されます。
セッションストレージ：セッションと同様に、セッションストレージによって保存されたデータサバイバル期間は、セッションセッションの終了時と同じです。ローカルストレージ：ローカルストレージによって保存されたデータは、ユーザーまたはプログラムが明示的に明確になっていない限り、常にローカルでローカルにあります。これらのデータは同じで存在します。Windowオブジェクトは、セッションストレージとローカルストレージの2つの属性を提供し、それぞれセッションストレージとローカルストレージを表します。この2つの機能と使用法はほぼ同じですが、データを保存するための生存期間が異なります。ストレージは、次の属性とメソッドを提供します（例としてLocalStorageを取ります）：
•LocalStorage.length：キー価値のペアの数を取得します。
•localStorage.key（index）：インデックスインデックスのインデックスを取得するためのキー。
•localStorage.getItem（key）：指定されたキーに対応する値を取得します。
•localStorage.setItem（key、value）：指定されたキー値ペアを保存します。
•LocalStorage.RemoveItem（key）：指定されたキーに対応するキー値のキー値ペアを削除します。
•localStorage.clear（）：すべてのキー値ペアを削除します。
言い換えれば、キーと値の両方が文字列でなければならないことに注意してください。したがって、文字列ではないデータは、JSONやその他の方法を介して文字列形式に変換できます。
Webストレージは、JSONで複数のデータを保存します私たちは、小さなプログラムを通じて関連する属性と方法の基本的な使用に精通しています。
•生徒に入ることの基本情報（学校番号、名前、成績、性別の数を含む）は、地元のストレージに保存する重要な値として学校番号を使用します。
•学校番号を通じて生徒の基本情報を問い合わせます。
•すべての学生の情報を表示します。
まず、HTMLページを設計します
XML/HTMLコードコピーコンテンツをクリップボードにコピーします