Cách lưu tên vĩnh viễn với HTML5 Local Storage

Local Storage được thiết kế cho việc lưu trữ kéo dài qua nhiều cửa sổ và phiên làm việc. Cụ thể, các ứng dụng web có thể lưu trữ hàng megabyte dữ liệu người dùng, như toàn bộ tài liệu do người dùng tạo hoặc hộp thư, phía client để tăng hiệu năng.

HTML5 localStorage lưu dữ liệu dạng chuỗi trong trình duyệt và tồn tại sau khi phiên kết thúc. localStorage lưu dữ liệu không có thời hạn hết hạn, trong khi sessionStorage chỉ giới hạn trong phiên hiện tại. Khi trình duyệt đóng, phiên sẽ mất đi.

Dữ liệu sẽ không bị xóa khi đóng trình duyệt. Ở đây, chúng ta sẽ lưu tên làm ví dụ.

Ví dụ

Bạn có thể chạy mã sau để học cách lưu tên vĩnh viễn bằng HTML5 local storage:

<!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 = "Trình duyệt không hỗ trợ Web Storage";
      }
    </script>
  </body>
</html>