Window sessionStorage รายละเอียด

คำอธิบายและการใช้งาน

localStorage และ sessionStorage ลูกค้าที่อนุญาตให้บันทึกคู่ความหมายเรียก/ค่าในเว็บเบราเซอร์

sessionStorage วิธีนี้จะเก็บข้อมูลของวาระเดียวเท่านั้น (ข้อมูลจะถูกลบเมื่อปิดแท็บบราวเซอร์).

คำเตือน:ดูเพิ่มเติม คุณค่า localStorage,และคุณค่านี้จะเก็บข้อมูลที่ไม่มีวันหมดอายุ ข้อมูลจะไม่ถูกลบเมื่อหน้าเว็บปิด และจะใช้ได้ในวันต่อมา หนึ่งสัปดาห์ หรือหนึ่งปี:

ตัวอย่าง

ตัวอย่าง 1

สร้าง sessionStorage ชื่อ/ค่าเป็น name="lastname" และ value="Smith" แล้วค้นหาค่า "lastname" และใส่เข้าไปในองค์ประกอบ id="result" ของ HTML:

// บันทึก
sessionStorage.setItem("lastname", "Smith");
// กู้คืน
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");

ลองทดลองด้วยตัวเอง

ตัวอย่าง 2

ตัวอย่างด้านล่างนี้คำนวณจำนวนครั้งที่ผู้ใช้คลิกปุ่มในวาระปัจจุบัน:

if (sessionStorage.clickcount) {
  sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
  sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "คุณได้คลิกปุ่ม " +
sessionStorage.clickcount + " ครั้งในวาระนี้.";

ลองทดลองด้วยตัวเอง

สyntax

window.sessionStorage

สyntax ในการบันทึกข้อมูลลง sessionStorage:

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

สyntax ในการอ่านข้อมูลจาก sessionStorage:

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

สyntax ในการลบข้อมูลจาก sessionStorage:

sessionStorage.removeItem("key");

สyntax ในการลบข้อมูลที่บันทึกใน sessionStorage ทั้งหมด:

sessionStorage.clear();

รายละเอียดเทคนิค

ค่าที่กลับมา: วัตถุ Storage

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางบ่งชี้เวอร์ชั่นของเบราเซอร์ที่สนับสนุนนาทีนี้อย่างเต็มที่

นาที Chrome IE Firefox Safari Opera
sessionStorage 4.0 8.0 3.5 4.0 11.5