Thuộc tính sessionStorage của Window

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

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

sessionStorage Mục chỉ lưu trữ dữ liệu của một phiên (dữ liệu sẽ bị xóa khi đóng thẻ trình duyệt).

Lưu ý:Xin xem thêm Thuộc tính localStorage， thuộc tính này 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 sau hoặc sau một năm.

Mô hình

Ví dụ 1

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

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

Thử ngay

Ví dụ 2

Dưới đây là ví dụ tính số lần nhấn nút của người dùng trong phiên hiện tại:

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

Thử ngay

Cú pháp

window.sessionStorage

Cú pháp lưu dữ liệu vào sessionStorage:

sessionStorage.setItem("key", "value");

Cú pháp đọc dữ liệu từ sessionStorage:

var lastname = sessionStorage.getItem("key");

Cú pháp xóa dữ liệu trong sessionStorage:

sessionStorage.removeItem("key");

Cú pháp xóa tất cả dữ liệu đã lưu trong sessionStorage:

sessionStorage.clear();

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 đầu tiên hỗ trợ hoàn toàn thuộc tính đó.

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