خصائص localStorage

مثلث جافا سكربت Window

localStorageالخصائص القراءة تسمح لك بالوصول إلىالتخزينللمصدر الأصلي للوثيقة; يتم تخزين البيانات عبر الجلسات المتعددة للتصفح.

يقدم obj localStorage ميكانيكية، يمكن من خلالها للتصفح تخزين الأزواج المفتاح/القيمة بطريقة أفضل.

localStorage مقارنة بتخزين ملفات الـ cookiesessionStorageمثل، ولكن الفرق يكمن في أن البيانات المخزنة في localStorage لا تملك وقت انتهاء الصلاحية، ولكن البيانات المخزنة في sessionStorage سيتم حذفها عند انتهاء جلسة الصفحة (أي عند إغلاق الصفحة).

يمكنك العثور علىفي API تخزين الويب HTML5للحصول على معلومات إضافية حول localStorage.

النحو:

window.localStorage

تخزين البياناتحفظنحو تخزين البيانات في localStorage:

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

من localStorage قراءةنحو التخزين البيانات:

var name = localStorage.getItem("key");

من localStorage حذفنحو التخزين البيانات:

localStorage.removeItem("key");

// تخزين
localStorage.setItem("name", "Parrot");
// استخراج
document.getElementById("demo").innerHTML = localStorage.getItem("name");

استخدم الكود الموجود أعلاه name="name" وvalue="Parrot" لإنشاء زوج الاسم/القيمة في localStorage.

ثم استخراج قيمة "الاسم" وإدراجها في العنصر الذي يحتوي على id="demo".

الاسم/القيمة دائمًا يتم تخزينها كنص، يمكنك تحويلها إلى تنسيق آخر عند الحاجة.

توافق المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية localStorage بشكل كامل:

تفاصيل التقنية

مزيد من الأمثلة

في هذا المثال، يتم تعيين متغير التخزين المحلي، واستدعاء هذا المتغير في كل مرة يتم زيارة الصفحة:

if (localStorage.hits) {
localStorage.hits = Number(localStorage.hits) + 1;
} else {
localStorage.hits = 1;
}

يمكنك أيضًا حذف مشاريع localStorage:

localStorage.removeItem("hits");

مراجع مرتبطة

مرجع Window (النافذة):خصائص window.sessionStorage

دليل HTML5:API التخزين على الويب HTML5

مثلث جافا سكربت Window