Local Storage ออกแบบมาเพื่อเก็บข้อมูลข้ามหน้าต่างและอยู่นานกว่าช่วงเซสชัน Web applications สามารถเก็บข้อมูลผู้ใช้หลายเมกะไบต์ เช่น เอกสารที่ผู้ใช้สร้างหรือกล่องจดหมาย ฝั่ง client เพื่อประสิทธิภาพ
localStorage บันทึกข้อมูล string ในเบราว์เซอร์ ไม่มีวันหมดอายุ ส่วน sessionStorage จำกัดเฉพาะเซสชัน ปิดเบราว์เซอร์หายไป
ตัวอย่าง: บันทึกและอ่านชื่อ
<!DOCTYPE html> <html> <body> <div id = "demo"></div> <script> if (typeof(Storage) !== "undefined") { localStorage.setItem("name", "John"); document.getElementById("demo").innerHTML = localStorage.getItem("name"); } else { document.getElementById("demo").innerHTML = "เบราว์เซอร์ไม่รองรับ Web Storage"; } </script> </body> </html>
เมธอดหลักของ localStorage
setItem(key, value)- บันทึกข้อมูลgetItem(key)- อ่านข้อมูลremoveItem(key)- ลบข้อมูลclear()- ล้างทั้งหมดkey(index)- ดึงชื่อ key ตามลำดับ
ข้อมูลใน localStorage จะคงอยู่แม้ปิดเบราว์เซอร์ เหมาะสำหรับการเก็บการตั้งค่าผู้ใช้, ตะกร้าสินค้า, หรือข้อมูลที่ต้องการให้คงอยู่ระหว่างเซสชัน
