লোকাল স্টোরেজ একাধিক উইন্ডোর মধ্যে জ্যাপনকারী এবং বর্তমান সেশনের পরেও টিকে থাকা স্টোরেজের জন্য ডিজাইন করা হয়েছে। বিশেষ করে, ওয়েব অ্যাপ্লিকেশনগুলো পারফরম্যান্সের জন্য ব্যবহারকারীর ডেটা (যেমন সম্পূর্ণ ব্যবহারকারী-লিখিত ডকুমেন্ট বা মেইলবক্স) ক্লায়েন্ট সাইডে সংরক্ষণ করতে চায়।
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>
