در حال بارگذاری...

Web Storage HTML

مرورگر داده کوچک را با Web Storage (localStorage/sessionStorage) در JS نگه می‌دارد.

پاسخ مستقیم

localStorage.setItem/getItem. localStorage تا پاک شدن؛ sessionStorage تا بستن tab. تگ HTML جایگزین نیست.

📊 انواع storage

API عمر (معمول)
localStorage Until the user/site clears it
sessionStorage Until the tab/session ends

Tiny localStorage demo

html
HTML Code
<button id="save" type="button">Remember hi</button>
<script>
document.getElementById("save").onclick = function () {
localStorage.setItem("greet", "hi");
alert(localStorage.getItem("greet"));
};
</script>

امتحان کنید

  1. setItem
  2. reload + getItem
  3. sessionStorage
  4. رمز در storage نگذارید

اشتباهات آسان

  • storage امن نیست
  • فقط string
  • تگ storage نیست

خلاصه

  • API در JS
  • local vs session
  • ترجیحات سبک
  • نه برای secrets

🧠 دانش خود را بیازمایید

آماده شروع

دانش خود را بیازمایید

خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کرده‌اید

❓
4
سوالات
🎯
70%
برای قبولی
♾️
∞
زمان
🔄
∞
تلاش‌ها

📝 دستورالعمل‌ها

  • هر سوال را با دقت بخوانید
  • بهترین پاسخ را برای هر سوال انتخاب کنید
  • می‌توانید آزمون را هر چند بار که می‌خواهید تکرار کنید
  • پیشرفت شما در بالا نمایش داده می‌شود