سمة sessionStorage للنافذة

سمة sessionStorage تسمح لك بزيارة عنصر session Storage. يجب الانتباه إلى أن البيانات المخزنة في sessionStorage أو localStorage معينة للصفحة الخاصة ببروتوكولها.

مثلث جافا سكربت نافذة

هذاsessionStorageخصائص القراءة فقط تسمح لك بالوصول إلى session Storageالجسم.

سماحيات localStorage و sessionStorage تسمح بحفظ زوجات المفاتيح/القيم في متصفح الويب.

يخزن عميل sessionStorage بيانات جلسة المتصفح. يتم حذف البيانات عند إغلاق التبويب المحدد للمستخدم.

sessionStorage مشابهة لـ localStorage؛ الفرق الوحيد هو أن البيانات المحفوظة في localStorage ليس لها وقت انتهاء، بينما يتم حذف البيانات المحفوظة في sessionStorage عند انتهاء جلسة الصفحة.

صفحة الجلسة تبقى مفتوحة طوال فترة فتح المتصفح، وتستمر الجلسة عند إعادة تحميل أو استعادة الصفحة. عند فتح صفحة جديدة في علامة تبويب أو نافذة جديدة، يتم نسخ سياق جلسة المستوى الأعلى كسياق للجلسة الجديدة، وهذا يختلف عن سلوك ملفات الـ cookies الجلسة.

يمكنك العثور علىفي API Web Storage لـ HTML5للحصول على معلومات إضافية حول sessionStorage.

النوعية:

window.sessionStorage

بياناتحفظالنوعية التي يتم حفظها في sessionStorage:

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

من sessionStorage قراءةنوعية البيانات:

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

من sessionStorage حذفنوعية البيانات:

sessionStorage.removeItem("key");

من sessionStorage حذف جميعنوعية البيانات المحفوظة:

sessionStorage.clear();

// التخزين
sessionStorage.setItem("name", "Parrot");
// إذاعة القيمة
document.getElementById("demo").innerHTML = sessionStorage.getItem("name");

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

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

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

ملاحظة:سيتم حذف sessionStorage عند إغلاق نافذة المتصفح من قبل المستخدم.

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

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

تفاصيل تقنية

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

في هذا المثال يتم تعيين متغير الجلسة وتحقق من الوصول إلى هذا المتغير:

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

مراجع مرتبطة

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

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

مثلث جافا سكربت نافذة