เพื่อ ดึง องค์ประกอบจากที่จัดเก็บในเครื่อง เราต้องตรวจสอบว่าเบราว์เซอร์สนับสนุนที่จัดเก็บในตัวเครื่องหรือไม่ ต่อมาเราต้องตั้งค่าองค์ประกอบในที่จัดเก็บในเครื่อง ในขณะนี้เราต้องระวังเพราะเมื่อปิดเบราว์เซอร์แล้ว ข้อมูลจะไม่ถูกเก็บไว้ในที่จัดเก็บในตัวเครื่อง ต่อมาเราจำเป็นต้องดึงข้อมูลที่เก็บไว้ในที่จัดเก็บในตัวเครื่อง มาพูดคุยกันสั้นๆ
การตั้งค่าข้อมูลในที่จัดเก็บในตัวเครื่อง ต่อไปนี้คือรูปแบบไวยากรณ์
localStorage.setItem();
ตัวอย่าง
ในตัวอย่างต่อไปนี้ เริ่มแรก ความเข้ากันได้ ของการจัดเก็บถูกตรวจสอบโดยใช้เงื่อนไข if ต่อมา ใช้ localStorage.setItem() รายการถูกวางไว้ในที่จัดเก็บในตัวเครื่อง เมื่อรายการอยู่ในที่จัดเก็บในตัวเครื่องแล้ว ให้ใช้คุณสมบัติ localStorage.getItem() ข้อมูลจะถูกดึงออกมา
<html>
<body>
<p id = "storage"></p>
<script>
if (typeof(Storage) !== "undefined") {
localStorage.setItem("product", "Tutorix");
document.getElementById("storage").innerHTML = localStorage.getItem("product");
}
else {
document.getElementById("storage").innerHTML = "Sorry, no Web Storage compatibility...";
}
</script>
</body>
</html> ผลลัพธ์
Tutorix
