Để 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ểm | localStorage | sessionStorage |
|---|---|---|
| Thời gian sống | Vĩnh viễn (cho đến khi xóa) | Kết thúc session (đóng tab) |
| Phạm vi | Cùng origin (domain+port+protocol) | Cùng tab/window |
| Dung lượng | ~5-10MB | ~5-10MB |