लोकल स्टोरेज ऐसी स्टोरेज के लिए डिज़ाइन किया गया है जो मल्टीपल विंडोज़ तक फैली होती है और वर्तमान सत्र से आगे तक रहती है। विशेष रूप से, वेब एप्लिकेशन परफॉरमेंस कारणों से यूज़र डेटा के मेगाबाइट्स - जैसे पूरे यूज़र-ऑथर्ड डॉक्यूमेंट या यूज़र का मेलबॉक्स - क्लाइंट साइड पर स्टोर करना चाह सकते हैं।
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 does not support Web Storage"; } </script> </body> </html>
