Window sessionStorage รายละเอียด
- หน้าก่อน scrollY
- หน้าต่อไป self
- กลับไปยังด้านบน วัตถุ Window
คำอธิบายและการใช้งาน
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 |
- หน้าก่อน scrollY
- หน้าต่อไป self
- กลับไปยังด้านบน วัตถุ Window