HTML5 - localStorage xóa và xóa tất cả dữ liệu

Question

Tôi cần xóa tất cả dữ liệu tôi đã đặt thành localStorage. Bằng cách này, tôi có nghĩa là đặt lại hoàn toàn localStorage thành null khi người dùng xóa tài khoản của họ.

Tôi có thể làm điều đó bằng một hàm đơn giản như thế nào?

Tôi cố gắng này:

function clearLocalStorage(){ 
    return localStorage= null; 
} 

Nhưng nó không hoạt động như mong đợi.

Answer 1

localStorage.clear();

sẽ hoạt động.

Answer 2

Something như thế này nên làm:

function cleanLocalStorage() { 
    for(key in localStorage) { 
     delete localStorage[key]; 
    } 
} 

Hãy cẩn thận về việc sử dụng này, mặc dù, như là người dùng có thể có dữ liệu khác được lưu trữ trong localStorage và có lẽ sẽ khá đánh dấu nếu bạn đã xóa mà. Tôi khuyên bạn nên a) không lưu trữ dữ liệu của người dùng trong localStorage hoặc b) lưu trữ tài khoản của người dùng trong một biến duy nhất và sau đó xóa dữ liệu đó thay vì xóa tất cả các khóa trong localStorage.

---

Sửa: Như Lyn chỉ ra, bạn sẽ được tốt với localStorage.clear(). Tuy nhiên, các điểm trước đó của tôi vẫn đứng vững.

Answer 3

Nếu bạn muốn loại bỏ/sạch tất cả các giá trị từ lưu trữ địa phương vì sử dụng

localStorage.clear(); 

Và nếu bạn muốn loại bỏ các mục cụ thể từ các lưu trữ địa phương vì sử dụng đoạn mã sau

localStorage.removeItem(key); 

Answer 4

Sử dụng .one đảm bảo việc này chỉ được thực hiện một lần và không lặp lại.

$(window).one("focus", function() { 
    localStorage.clear(); 
}); 

Bạn có thể đặt một vài trình nghe sự kiện có tài liệu (nếu bạn cần các sự kiện khác để thực thi nhiều lần) miễn là bạn không lạm dụng nó, vì mục đích dễ đọc.

.one đặc biệt hữu ích khi bạn muốn xóa cục bộ chỉ khi lần đầu tiên trang web được mở hoặc khi ứng dụng dành cho thiết bị di động được cài đặt lần đầu tiên.

// Fired once when document is ready 
    $(document).one('ready', function() { 
     localStorage.clear(); 
    }); 

Answer 5

Nó chỉ hoạt động đối với tôi trong Firefox khi truy cập từ đối tượng window.

Ví dụ ...

window.onload = function() 
{ 
window.localStorage.clear(); 
}