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

ページまたはアプリケーション専用のカスタムデータをHTMLで保存するにはどうすればよいですか？

データ-*を使用する HTMLのページにプライベートなカスタムデータを格納するためのHTMLの属性。これは属性で構成されており、大文字を含めることはできず、データの後にプレフィックスを付ける必要があります。

次のコードを実行して、 data-*を実装してみてください。 属性-

例

<!DOCTYPE html>
<html>
   <head>
      <script>
         function display(rank) {
            var myRank = rank.getAttribute("data-rank-type");
            alert("Rank " + rank.innerHTML + " has " + myRank + " points.");
         }
      </script>
   </head>
   
   <body>
      <h1>Rank and Points</h1>
      <p>Click on any rank to generate the details.:</p>

      <ul>
      <li onclick = "display(this)" id = "fifth" data-rank-type = "500">Fifth</li>
      <li onclick = "display(this)" id = "sixth" data-rank-type = "600">Sixth</li>
      </ul>
   </body>
   
</html>

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

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

  2. Play ストアでアプリケーションを公開する方法

    私の記事を読んでいる方なら、私が Chrome 拡張機能の開発と公開について書いていることに気づいたかもしれません。今、私はあなたを別の旅に連れて行きたいと思っています。 Play ストアでアプリケーションを公開するために必要なこと。 さあ、遊びましょう。 興奮しすぎる前に Play ストアに移動する前に確認しなければならないことがいくつかあります: APK にデジタル署名する - これは、Google がアプリケーションの作成者を確認できるようにするために必要です。 APK のビルド - リリース をビルドする必要があります アプリケーションのバージョン 開発者アカウントを作成する