Thuộc tính Window localStorage

Định nghĩa và cách sử dụng

Thuộc tính localStorage và sessionStorage cho phép lưu trữ các cặp khóa/giá trị trong trình duyệt web.

Đối tượng localStorage lưu trữ dữ liệu không có ngày hết hạn. Dữ liệu sẽ không bị xóa khi đóng trình duyệt và sẽ có thể sử dụng vào ngày hôm sau, tuần hoặc một năm sau.

Thuộc tính localStorage là chỉ đọc.

Lưu ý:Xin xem thêm Thuộc tính sessionStorage， thuộc tính này lưu trữ dữ liệu của một phiên (dữ liệu sẽ bị mất khi đóng thẻ tab trình duyệt).

Mô hình

Ví dụ 1

Tạo một tên="lastname" và giá trị="Smith" của localStorage, sau đó lấy giá trị "lastname" và chèn vào phần tử có id="result":

// Lưu trữ
localStorage.setItem("lastname", "Smith");
// Lấy lại
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

thử ngay

Ví dụ 2

dưới đây là ví dụ tính số lần người dùng nhấn nút:

if (localStorage.clickcount) {
  localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
  localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Bạn đã nhấn nút " +
localStorage.clickcount + " lần.";

thử ngay

语法

window.localStorage

语法向 localStorage 保存数据：

localStorage.setItem("key", "value）

语法从 localStorage 读取数据：

var lastname = localStorage.getItem("key）

语法从 localStorage 删除数据：

localStorage.removeItem("key）

Chi tiết kỹ thuật

Giá trị trả về: Đối tượng Storage

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt hỗ trợ hoàn toàn thuộc tính đầu tiên.

Thuộc tính Chrome IE Firefox Safari Opera
localStorage 4.0 8.0 3.5 4.0 11.5