Local Storage được thiết kế để lưu trữ trên nhiều cửa sổ và kéo dài ngoài phiên hiện tại. Cụ thể, các ứng dụng Web có thể muốn lưu trữ megabyte dữ liệu người dùng, chẳng hạn như toàn bộ tài liệu do người dùng tạo hoặc hộp thư của người dùng, ở phía máy khách vì lý do hiệu suất.
HTML5 localStorage lưu dữ liệu chuỗi trong trình duyệt và kéo dài ngoài phiên hiện tại. localStorage lưu trữ dữ liệu mà không hết hạn, trong khi sessionStorage chỉ giới hạn trong phiên. Khi trình duyệt bị đóng, phiên sẽ bị mất.
Dữ liệu sẽ không bị xóa khi đóng trình duyệt. Tại đây, chúng tôi sẽ lưu tên cho example .
Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách lưu trữ tên vĩnh viễn bằng bộ nhớ cục bộ HTML5
Ví dụ
<!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 =
"The browser do not support Web Storage";
}
</script>
</body>
</html>