💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!

Cập nhật: 2025年3月1日

Lưu trữ Local Storage

📌

Kết luận

localStorage giúp lưu dữ liệu ngay cả khi đóng trình duyệt

📝 Mã thực tế tại đây
localStorage.setItem('tên', 'An');
const val = localStorage.getItem('tên');

Các phương thức chính

Phương thứcTác dụng
setItem(khóa, giá trị)Lưu dữ liệu
getItem(khóa)Lấy dữ liệu
removeItem(khóa)Xóa một mục
clear()Xóa sạch bộ nhớ

Tổng kết

- Dữ liệu trong localStorage sẽ tồn tại mãi mãi cho đến khi bị xóa - Chỉ lưu được chuỗi văn bản (String)

Hãy thử trong phần bài tập

Hãy lưu một giá trị vào localStorage và đọc lại nó nhé.

🧪 Thử nghiệm tại đây

Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.

Thử ngay

■ Bài tập thực hành

Lưu tên vào localStorage và sau đó đọc ra để xuất vào console.

Gợi ý khi gặp khó khăn

Sử dụng setItem và getItem.

20pt

Lưu trữ Local Storage

Lưu tên vào localStorage và sau đó đọc ra để xuất vào console.

Nhấp vào lỗi để đánh dấu dòng. ✕=lỗi ⚠=cảnh báo ›=log.

Lộ trình học · Toàn bộ bài giảng