HTML5 localStorage ব্রাউজারে স্ট্রিং ডেটা সংরক্ষণ করে এবং বর্তমান সেশনের পরেও টিকে থাকে। localStorage ডেটা সংরক্ষণ করে যার কোনো এক্সপায়ারেশন নেই, অন্যদিকে sessionStorage শুধু সেশন পর্যন্ত সীমাবদ্ধ। ব্রাউজার বন্ধ করলে সেশন হারিয়ে যায়।
লোকাল স্টোরেজ একাধিক উইন্ডোর মধ্যে জ্যাপনকারী এবং বর্তমান সেশনের পরেও টিকে থাকা স্টোরেজের জন্য ডিজাইন করা হয়েছে। বিশেষ করে, ওয়েব অ্যাপ্লিকেশনগুলো পারফরম্যান্সের জন্য ব্যবহারকারীর ডেটা (যেমন সম্পূর্ণ ব্যবহারকারী-লিখিত ডকুমেন্ট বা মেইলবক্স) ক্লায়েন্ট সাইডে সংরক্ষণ করতে চায়।
উদাহরণ
নিচের কোডটি চালিয়ে HTML5 localStorage-র সাথে কাজ করা যাবে:
<!DOCTYPE HTML>
<html>
<body>
<script type="text/javascript">
if(localStorage.hits) {
localStorage.hits = Number(localStorage.hits) + 1;
} else {
localStorage.hits = 1;
}
document.write("Total Hits on the website: " + localStorage.hits);
</script>
<p>Refresh the page to increase number of hits.</p>
<p>Close the window and open it again and check the result.</p>
</body>
</html>
