سمة sessionStorage للنافذة

التعريف والاستخدام

localStorage و sessionStorage سمحية التخزين المحلي تسمح بإنشاء أزواج المفاتيح/القيم في متصفح الويب.

sessionStorage يحفظ العنصر بيانات جلسة واحدة فقط (سيتم حذف البيانات عند إغلاق علامة التبويب في المتصفح).

نصيحة:يرجى الرجوع أيضًا إلى خصائص localStorage، ويحفظ هذا الخصائص بيانات بدون تاريخ انتهاء. لن يتم حذف البيانات عند إغلاق المتصفح، وسوف تكون متاحة في اليوم التالي أو في الأسبوع أو في السنة التالية.

مثال

مثال 1

إنشاء أزمة sessionStorage مع name="lastname" و value="Smith"، ثم استرجاع قيمة "lastname" وإدراجها في العنصر المحدد بـ id="result":

// حفظ
sessionStorage.setItem("lastname", "Smith");
// استرجاع
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");

تجربة بنفسك

مثال 2

في هذا المثال يتم حساب عدد النقرات التي قام المستخدم بضربها على الزر في الجلسة الحالية:

if (sessionStorage.clickcount) {
  sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
  sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "لقد نقرت على الزر " +
sessionStorage.clickcount + " مرة في هذه الجلسة.";

تجربة بنفسك

قواعد النصوص

window.sessionStorage

قواعد النصوص لتحفظ البيانات في sessionStorage:

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

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

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

قواعد النصوص لإزالة بيانات من sessionStorage:

sessionStorage.removeItem("key");

قواعد النصوص لإزالة جميع البيانات المحفوظة من sessionStorage:

sessionStorage.clear();

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

القيمة الراجعة: مفهوم Storage

دعم المتصفح

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

الخصائص Chrome IE Firefox Safari Opera
sessionStorage 4.0 8.0 3.5 4.0 11.5