Hướng dẫn clear local storage javascript - xóa javascript lưu trữ cục bộ
Show
Đã đăng vào thg 9 20, 2019 9:12 SA 3 phút đọc 3 phút đọc Local Storage là gì?Tương tự như cookie, HTML5 hỗ trợ LocalStorage là một loại lưu trữ web cho phép các trang web và ứng dụng Javascript lưu trữ và truy cập dữ liệu ngay trong trình duyệt mà không có ngày hết hạn. Hay dữ liệu được lưu trữ trong trình duyệt sẽ tồn tại ngay cả sau khi cửa sổ trình duyệt đã bị đóng, Dữ liệu chỉ mất khi bạn sử dụng chức năng clear history của trình duyệt, hoặc bạn sử dụng localStorage API để xóa Hạn chế của LocalStorage
5MBKiểm tra LocalStorage Thông qua dev tool ta có thể vào tab Application và kiểm tra Local Storage của trang hiện tại ( Chrome)
Để sử dụng LocalStorage, ta sẽ có 4 method chính: setItem(): Gán dữ liệu vào LocalStorage getItem(): Lấy ra dữ liệu từ LocalStorage removeItem(): Xóa dữ liệu khỏi LocalStorage clear(): Xóa toàn bộ dữ liệu của LocalStorage
Khi cần sử dụng chỉ cần JSON.parse() để convert về giá trị ban đầu.
Để lấy ra được dữ liệu trong localStorage của trình duyệt ta dùng method: window.localStorage.getItem('key');
Để xóa 1 item khỏi localStorage ta sẽ sử dụng method: removeItem()
Để xóa toàn bộ các dữ liệu trong LocalStorage của domain hiện tại.Tổng kết: Thông qua bài viết mình mong rằng mọi người có thể có cái nhìn tổng quát về Local Storage cũng như các kiến thức cơ bản để có thể sử dụng Locak Storage đúng cách. M.n nếu thắc mắc, góp ý hoặc chia sẽ thêm những kiến thức liên quan có thể comment bên dưới nhé. Cảm ơn các bạn đã đọc. All rights reservedDefinition and Usage Phương thức rõ ràng () thuộc về đối tượng lưu trữ, có thể là đối tượng nàng tiên hoặc đối tượng sessionStorRage. Hỗ trợ trình duyệt
Cú phápHoặc: Giá trị tham sốKhông có tham số. Chi tiết kỹ thuật
Nhiều ví dụ hơnThí dụVí dụ tương tự, nhưng sử dụng lưu trữ phiên thay vì lưu trữ cục bộ. Xóa tất cả các mục phiên: sessionStorage.clear (); Hãy tự mình thử » Các trang liên quanTài liệu tham khảo lưu trữ web: phương thức removeItem () |