LocalStorage Object

شیء localStorage داده ها را بدون تاریخ انقضا ذخیره می کند.وقتی مرورگر بسته شود، داده ها حذف نمی شوند و روز، هفته یا سال بعد در دسترس خواهند بود.


Example



// Store
localStorage.setItem("lastname", "Smith");

// Retrieve

document.getElementById("result").innerHTML = localStorage.getItem("lastname");


به عنوان مثال توضیح داده شده است:

  • یک جفت نام/مقدار localStorage با name="lastname" و value="Smith" ایجاد کنید
  • مقدار "Lastname" را بازیابی کنید و آن را در عنصر باid="result"

مثال بالا نیز می تواند به این صورت نوشته شود:

//Store
localStorage.lastname = "Smith";
// بازیابی
document.getElementById("result").innerHTML = localStorage.lastname;

نحو برایحذف مورد "نام خانوادگی" localStorage به شرح زیر است:

localStorage.removeItem("lastname");

توجه: جفت‌های نام/مقدار همیشه به‌عنوان رشته‌ها ذخیره می‌شوند.به یاد داشته باشید که در صورت نیاز آنها را به فرمت دیگری تبدیل کنید!

مثال زیر تعداد دفعاتی را که کاربر روی یک دکمه کلیک کرده است، شمارش می کند.در این کد رشته مقدار به یک عدد تبدیل می شود تا بتوان شمارنده را افزایش داد:


Example



if (localStorage.clickcount) {
  localStorage.clickcount = Number(localStorage.clickcount) + 1;

} else {
  localStorage.clickcount = 1;
}

document.getElementById("result").innerHTML = "You have clicked the button " +

localStorage.clickcount + " time(s).";