พื้นที่จัดเก็บในเครื่องได้รับการออกแบบมาสำหรับพื้นที่จัดเก็บข้อมูลที่ครอบคลุมหลายหน้าต่างและอยู่ได้นานกว่าเซสชันปัจจุบัน โดยเฉพาะอย่างยิ่ง เว็บแอปพลิเคชันอาจต้องการจัดเก็บข้อมูลผู้ใช้หลายเมกะไบต์ เช่น เอกสารที่ผู้ใช้สร้างขึ้นทั้งหมดหรือกล่องจดหมายของผู้ใช้ ทางฝั่งไคลเอ็นต์เพื่อเหตุผลด้านประสิทธิภาพ
HTML5 localStorage บันทึกข้อมูลสตริงในเบราว์เซอร์และใช้งานได้นานกว่าเซสชันปัจจุบัน localStorage เก็บข้อมูลโดยไม่มีการหมดอายุ ในขณะที่ sessionStorage ถูกจำกัดให้อยู่ที่เซสชันเท่านั้น เมื่อปิดเบราว์เซอร์ เซสชันจะหายไป
ข้อมูลจะไม่ถูกลบเมื่อปิดเบราว์เซอร์ ที่นี่ เราจะบันทึกชื่อสำหรับ ตัวอย่าง .
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีจัดเก็บชื่ออย่างถาวรโดยใช้ที่จัดเก็บในเครื่อง HTML5
ตัวอย่าง
<!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 =
"The browser do not support Web Storage";
}
</script>
</body>
</html> 