English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

طريقة Storage setItem()

مفهوم Storage في JavaScript

setItem()تُستخدم الطريقة لضبط قيمة المفتاح المحدد في كائن التخزين المحدد، وإذا كان المفتاح موجودًا بالفعل، يتم تحديثه.

طريقة setItem() تنتمي إلى كائن التخزين، ويمكن أن تكونlocalStorageالجسم أوsessionStorrageالجسم

النص النحوي:

localStorage.setItem(key, value)
sessionStorage.setItem(key, value)
localStorage.setItem('color', 'green');
localStorage.setItem('image', 'parrot.png');
localStorage.setItem('url', 'https://ar.oldtoolbag.com');
اختبار لرؤية‹/›

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

الأرقام في الجدول تشير إلى إصدار المتصفح الذي يدعم طريقة setItem() بشكل كامل:

الطريقة
setItem()43.511.549

قيمة الوحدة

الوحدةالوصف
المفتاحشكل نصي يحتوي على اسم المفتاح الذي ستقوم بإنشاء/تحديثه
القيمةشكل نصي يحتوي على القيم التي سيتم تقديمها لإنشاء/تحديث المفتاح

تفاصيل تقنية

القيمة المقدمة:شكل نصي يمثل القيمة المدمجة
إصدار DOM:واجهات التخزين الشبكي

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

تعيين قيمة العنصر المحدد من مخزن الجلسة:

sessionStorage.setItem('time', Date.now());
sessionStorage.setItem('age', 22);
اختبار لرؤية‹/›

يمكنك أيضًا استخدام النقطة للتعيين القيم:

localStorage.color = "green";
localStorage.image = "parrot.png";
localStorage.url = "https://ar.oldtoolbag.com";
اختبار لرؤية‹/›

تأسيس هذه الوظيفة في التخزين المحلي لثلاثة بيانات، ثم استخدامها لضبط النمط المخصص في الصفحة: }}

function populateStorage() {
  localStorage.setItem('bgcolor', document.getElementById('bgcolor').value);
  localStorage.setItem('font', document.getElementById('font').value);
  localStorage.setItem('image', document.getElementById('image').value);
}
اختبار لرؤية‹/›

مراجع مرتبطة

دليل HTMLAPI لـ Web Storage

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

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

مفهوم Storage في JavaScript