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

HTML5ローカルストレージを使用して名前を永続的に保存するにはどうすればよいですか？

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

HTML5 localStorageは、文字列データをブラウザに保存し、現在のセッションを超えて存続します。 localStorageは有効期限なしでデータを保存しますが、sessionStorageはセッションのみに制限されます。ブラウザを閉じると、セッションが失われます。

ブラウザを閉じてもデータは削除されません。ここでは、例の名前を保存します 。

HTML5ローカルストレージを使用して名前を永続的に保存するにはどうすればよいですか？

次のコードを実行して、HTML5ローカルストレージを使用して名前を永続的に保存する方法を学ぶことができます

例 

<!DOCTYPE html>
<html>
   <body>
      <div id = "demo"></div>
      <script>
         if (typeof(Storage) !== "undefined") {
            localStorage.setItem("name", "John");
            document.getElementById("demo").innerHTML = localStorage.getItem("name");
         } else {
            document.getElementById("demo").innerHTML =
            "The browser do not support Web Storage";
         }
        </script>
   </body>
</html>

  1. GoogleマップでHTML5ジオロケーションを使用して現在地を表示するにはどうすればよいですか？

    HTML5 Geolocation APIを使用すると、現在地をお気に入りのWebサイトと共有できます。 Javascriptは緯度と経度をキャプチャし、バックエンドWebサーバーに送信して、地元のお店を見つけたり、地図上に現在地を表示したりするなど、場所を意識した凝ったことを行うことができます。地理位置座標は、デバイスの地理的位置を指定します。 ジオロケーションメソッドgetCurrentPosition（）およびgetPositionUsingMethodName（）は、ロケーション情報を取得するコールバックメソッドを指定します。これらのメソッドは、完全な位置情報を格納するオブジェクトPo

  2. HTML5 localStorage APIを使用してブラウザにデータを保存するにはどうすればよいですか？

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