स्थानीय संग्रहण को ऐसे संग्रहण के लिए डिज़ाइन किया गया है जो कई विंडो तक फैला है और वर्तमान सत्र के बाद भी चलता है। विशेष रूप से, वेब एप्लिकेशन उपयोगकर्ता डेटा के मेगाबाइट को स्टोर करना चाह सकते हैं, जैसे कि संपूर्ण उपयोगकर्ता-लेखक दस्तावेज़ या उपयोगकर्ता का मेलबॉक्स, क्लाइंट पक्ष पर प्रदर्शन कारणों से।
HTML5 localStorage ब्राउज़र में स्ट्रिंग डेटा सहेजता है और वर्तमान सत्र से आगे तक रहता है। लोकलस्टोरेज बिना किसी एक्सपायरी के डेटा को स्टोर करता है, जबकि सेशनस्टोरेज केवल सेशन तक ही सीमित है। जब ब्राउज़र बंद हो जाता है, तो सत्र नष्ट हो जाता है।
ब्राउज़र बंद होने पर डेटा डिलीट नहीं होगा। यहां, हम उदाहरण . के लिए नाम सहेजेंगे ।
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>