Computer >> Máy Tính >  >> Lập trình >> HTML

Làm cách nào để lưu trữ dữ liệu tùy chỉnh riêng tư cho trang hoặc ứng dụng trong HTML?

Sử dụng dữ liệu- * thuộc tính trong HTML để lưu trữ dữ liệu tùy chỉnh riêng tư cho trang trong HTML. Nó bao gồm thuộc tính, không được chứa bất kỳ chữ cái viết hoa nào và phải có tiền tố sau dữ liệu.

Bạn có thể thử chạy mã sau để triển khai data- * thuộc tính -

Ví dụ 

<!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>