آموزش JavaScript
دسته بندی ( ۲۶۰ آموزش )
نمایش دسته بندی ها (۲۶۰ آموزش)
مباحث اولیه، در JavaScript
مباحث اولیه، در JavaScript 18
کنسول (Console)، در JavaScript
کنسول (Console)، در JavaScript 24
نمایش متن در خروجی صفحه، در JavaScript
نمایش متن در خروجی صفحه، در JavaScript 2
عملگرها (Operator)، در JavaScript
عملگرها (Operator)، در JavaScript 0
متغیرها (Variable)، در JavaScript
متغیرها (Variable)، در JavaScript 8
رشته ها (متن ها - String)، در JavaScript
رشته ها (متن ها - String)، در JavaScript 28
نمایش پیام، در JavaScript
نمایش پیام، در JavaScript 4
توابع (Function)، در JavaScript
توابع (Function)، در JavaScript 5
حلقه ها (Loop)، در JavaScript
حلقه ها (Loop)، در JavaScript 3
آرایه ها (Array)، در JavaScript
آرایه ها (Array)، در JavaScript 34
شیء ها (Object)، در JavaScript
شیء ها (Object)، در JavaScript 2
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در JavaScript
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در JavaScript 7
کلاس های (Class) عنصرها، در JavaScript
کلاس های (Class) عنصرها، در JavaScript 5
id عنصرها، در JavaScript
id عنصرها، در JavaScript 0
مشخصه های (Attribute) عنصرها، در JavaScript
مشخصه های (Attribute) عنصرها، در JavaScript 1
رویدادها (Event)، در JavaScript
رویدادها (Event)، در JavaScript 0
عملیات های ریاضی، در JavaScript
عملیات های ریاضی، در JavaScript 18
تاریخ و زمان، در JavaScript
تاریخ و زمان، در JavaScript 10
زمان بندی اجرای کدها، در JavaScript
زمان بندی اجرای کدها، در JavaScript 2
افزودن و یا حذف محتوا و کد، به صفحه، در JavaScript
افزودن و یا حذف محتوا و کد، به صفحه، در JavaScript 6
فرم ها (Form)، در JavaScript
فرم ها (Form)، در JavaScript 11
عکس ها (Image)، در JavaScript
عکس ها (Image)، در JavaScript 2
دکمه ها (Button)، در JavaScript
دکمه ها (Button)، در JavaScript 2
لینک ها (Link)، در JavaScript
لینک ها (Link)، در JavaScript 5
پنجره ها (Window)، در JavaScript
پنجره ها (Window)، در JavaScript 2
جدول ها (Table)، در JavaScript
جدول ها (Table)، در JavaScript 1
رنگ ها (Color) و تعیین رنگ، در JavaScript
رنگ ها (Color) و تعیین رنگ، در JavaScript 1
کلیک کردن (Click)، در JavaScript
کلیک کردن (Click)، در JavaScript 1
اسکرول (Scroll)، در JavaScript
اسکرول (Scroll)، در JavaScript 2
کار با کل صفحه، در JavaScript
کار با کل صفحه، در JavaScript 1
صفحه فعلی (Current Page)، در JavaScript
صفحه فعلی (Current Page)، در JavaScript 19
دریافت ورودی از کاربر، در JavaScript
دریافت ورودی از کاربر، در JavaScript 1
تمرکز (Focus)، در JavaScript
تمرکز (Focus)، در JavaScript 3
مرورگر اینترنت (Browser)، در JavaScript
مرورگر اینترنت (Browser)، در JavaScript 3
ذخیره اطلاعات در مرورگر اینترنت (Browser) کاربر، در JavaScript
ذخیره اطلاعات در مرورگر اینترنت (Browser) کاربر، در JavaScript 10
کار با کیبورد (Keyboard)، در JavaScript
کار با کیبورد (Keyboard)، در JavaScript 2
موس، در JavaScript
موس، در JavaScript 1
Iframe ها، در JavaScript
Iframe ها، در JavaScript 1
بارگذاری (دانلود) فایل، در JavaScript
بارگذاری (دانلود) فایل، در JavaScript 1
علامت ها (Sign)، در JavaScript
علامت ها (Sign)، در JavaScript 0
تکنیک Ajax ، در JavaScript
تکنیک Ajax ، در JavaScript 4
ساختار JSON ، در JavaScript
ساختار JSON ، در JavaScript 0
منسوخ شده ها (Deprecated و Obsolete)، در JavaScript
منسوخ شده ها (Deprecated و Obsolete)، در JavaScript 1
مباحث عمومی، در JavaScript
مباحث عمومی، در JavaScript 2

ذخیره اطلاعات در مرورگر اینترنت کاربر به صورت زوج اطلاعات کلید (Key) و مقدار (Value)، با قابلیت حذف شدن پس از بستن مرورگر اینترنت، با مشخصه sessionStorage ، در JavaScript

با استفاده از مشخصه sessionStorage در JavaScript ، می توانیم اطلاعات خاصی را در مرورگر اینترنت کاربر ذخیره نماییم، به این صورت که تا زمانی که کاربر مرورگر اینترنت خود را نبسته است، اطلاعات باقی می مانند و پس از بستن مرورگر اینترنت، اطلاعات حذف می شوند.

در واقع با این نوع ذخیره سازی اطلاعات در مرورگر اینترنت، اطلاعات تنها به اندازه یک جلسه (Session) در مرورگر اینترنت باقی می مانند و با بستن مرورگر اینترنت، حذف می شوند.

ذخیره اطلاعات توسط مشخصه sessionStorage ، به صورت زوج اطلاعات کلید (Key) و مقدار (Value) می باشد. یعنی مثلا فرض کنید که می خواهیم نام کاربر را در مرورگر اینترنت وی ذخیره کنیم، برای این منظور، کلید را برابر name و مقدار را برابر Ali که همان نام کاربر است، در نظر می گیریم. با ذخیره کردن این اطلاعات در مرورگر اینترنت کاربر، هر زمان که بخواهیم نام کاربر را از مرورگر اینترنت وی بخوانیم، اعلام می کنیم که مقدار متناظر با کلید name را می خواهیم. بنابراین تناظر دو به دوی بین کلید (Key) و مقدار (Value) به ما این امکان را می دهد که برای اطلاعات مختلفی که در مرورگر اینترنت کاربر ذخیره می کنیم، به نوعی اسم گذاری داشته باشیم و بر اساس آن اسم ها بتوانیم آنها را فراخوانی کنیم.

نکته

چنانچه بخواهیم که اطلاعات حتی پس از بستن مرورگر اینترنت نیز باقی بمانند و در دفعه بعد که مرورگر اینترنت باز می شود، قابل فراخوانی باشند، می توانیم از مشخصه localStorage در JavaScript استفاده کنیم ( کلید شماره 27719 ).

ذخیره یک زوج اطلاعات کلید (Key) و مقدار (Value) در sessionStorage ، با روش sessionStorage.setItem ، در JavaScript :

با استفاده از روش sessionStorage.setItem در JavaScript ، می توانیم یک زوج اطلاعات کلید (Key) و مقدار (Value) را در sessionStorage ذخیره نماییم.

به عنوان مثال، برای ذخیره اطلاعاتی که در آن، کلید (Key) برابر name و مقدار (Value) برابر Ali می باشد، کد JavaScript زیر را می نویسیم :

دریافت مقدار (Value) متناظر با یک کلید (Key) ذخیره شده در sessionStorage ، با روش sessionStorage.getItem ، در JavaScript :

روش sessionStorage.getItem در JavaScript ، برای دریافت مقدار (Value) متناظر با یک کلید (Key) ذخیره شده در sessionStorage به کار می رود.

به عنوان مثال، برای دریافت مقدار متناظر با کلید (Key) با نام name ، کد JavaScript زیر را می نویسیم :

حذف کردن یک زوج اطلاعات کلید (Key) و مقدار (Value) ذخیره شده در sessionStorage ، با روش sessionStorage.removeItem ، در JavaScript :

با استفاده از روش sessionStorage.removeItem در JavaScript ، می توانیم یک زوج اطلاعات کلید (Key) و مقدار ذخیره شده در sessionStorage را حذف کنیم.

به عنوان مثال، برای حذف کردن یک زوج اطلاعات که نام کلید (Key) آن برابر name می باشد، کد JavaScript زیر را می نویسیم :

حذف کردن همه اطلاعات ذخیره شده در sessionStorage ، با روش sessionStorage.clear ، در JavaScript :

با استفاده از روش sessionStorage.clear در JavaScript ، می توانیم همه اطلاعات ذخیره شده در sessionStorage را حذف کنیم.

روش sessionStorage.clear را به صورت زیر به کار می بریم :

به مثال زیر توجه کنید :

مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 27899
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو