ویژگی localStorage Window

تعریف و استفاده

ویژگی localStorage و sessionStorage به شما اجازه می‌دهند که کلید/مقدارها را در مرورگر وب ذخیره کنید.

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

ویژگی localStorage فقط خواندنی است.

نکته:لطفاً ببینید ویژگی sessionStorage، این ویژگی داده‌های یک جلسه را ذخیره می‌کند (داده‌ها در بستن تب مرورگر از بین می‌روند).

مثال

مثال 1

یک پارتی که name="lastname" و value="Smith" دارد در localStorage ایجاد کنید، سپس مقدار "lastname" را بازیابی کنید و آن را در عنصر با id="result" قرار دهید:

// ذخیره‌سازی
localStorage.setItem("lastname", "Smith");
// بازیابی
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

آزمایش کنید

مثال 2

مثال زیر تعداد کلیک‌های کاربر روی دکمه را محاسبه می‌کند:

if (localStorage.clickcount) {
  localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
  localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "You have clicked the button " +
localStorage.clickcount + " مرتبه.";

آزمایش کنید

دستور زبان

window.localStorage

localStorage داده‌های ذخیره کردن دستور زبان:

localStorage.setItem("key", "value);

localStorage داده‌های localStorage خواندن دستور زبان:

var lastname = localStorage.getItem("key);

localStorage از داده‌های localStorage حذف کردن دستور زبان:

localStorage.removeItem("key);

جزئیات فنی

مقدار بازگشتی: موضوع Storage

پشتیبانی مرورگر

اعداد در جدول مشخص میکند که کدام نسخه اولین مرورگر را که از این ویژگی پشتیبانی میکند.

ویژگی Chrome IE Firefox Safari Opera
localStorage 4.0 8.0 3.5 4.0 11.5