Window localStorage
ตัวอย่าง
ตั้งค่าและดึงชื่อ/คู่ค่าของ localStorage:
localStorage.setItem("lastname", "Smith");
localStorage.getItem("lastname");
ตัวอย่างเพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
อlocalStorage
อบเจ็กต์อนุญาตให้คุณบันทึกคู่คีย์/ค่าในเบราว์เซอร์
บันทึก
ออบเจ็กต์ localStorage เก็บข้อมูลโดยไม่มีวันหมดอายุ
ข้อมูลจะไม่ถูกลบเมื่อปิดเบราว์เซอร์ และพร้อมใช้งานสำหรับเซสชันในอนาคต
ดูสิ่งนี้ด้วย:
sessionStorage Objectที่เก็บข้อมูลสำหรับหนึ่งเซสชัน
(ข้อมูลจะถูกลบเมื่อปิดหน้าต่างเบราว์เซอร์)
ไวยากรณ์
window.localStorage
หรือเพียงแค่:
localStorage
บันทึกข้อมูลไปยัง localStorage:
localStorage.setItem(key, value);
อ่านข้อมูลจาก localStorage:
let lastname = localStorage.getItem(key);
ลบข้อมูลจาก localStorage:
localStorage.removeItem(key);
ล้าง localStorage:
localStorage.removeItem(key);
พารามิเตอร์
Parameter | Description |
key | Required. The name of a key. |
value | Required. The value of the key. |
คืนมูลค่า
พิมพ์ | คำอธิบาย |
วัตถุ | ออบเจ็กต์ localStorage |
ตัวอย่างเพิ่มเติม
นับจำนวนครั้งที่ผู้ใช้คลิกปุ่ม:
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount)
+ 1;
} else {
localStorage.clickcount = 1;
}
รองรับเบราว์เซอร์
window.localStorage
รองรับในทุกเบราว์เซอร์:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |