Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Lấy element từ localStorage trong JavaScript

Để lấy element từ localStorage, kiểm tra browser hỗ trợ, set item, sau đó lấy dữ liệu. Dữ liệu không mất khi đóng trình duyệt (khác sessionStorage).

Cú pháp lưu

localStorage.setItem(key, value);

Ví dụ

<html> <body> <p id = "storage"></p> <script>    if (typeof(Storage) !== "undefined") {       localStorage.setItem("product", "Tutorix");       document.getElementById("storage").innerHTML = localStorage.getItem("product");    }    else {       document.getElementById("storage").innerHTML = "Sorry, no Web Storage compatibility...";    } </script> </body> </html>

Kết quả

Tutorix

Khác biệt localStorage vs sessionStorage:

Đặc điểmlocalStoragesessionStorage
Thời gian sốngVĩnh viễn (cho đến khi xóa)Kết thúc session (đóng tab)
Phạm viCùng origin (domain+port+protocol)Cùng tab/window
Dung lượng~5-10MB~5-10MB