ذخیره اطلاعات در مرورگر اینترنت کاربر به صورت زوج اطلاعات کلید (Key) و مقدار (Value)، با قابلیت باقی ماندن همیشگی اطلاعات، حتی بعد از بستن مرورگر اینترنت، با مشخصه localStorage ، در JavaScript
با استفاده از مشخصه
localStorage در JavaScript ، می توانیم اطلاعات خاصی را برای همیشه در مرورگر اینترنت کاربر ذخیره نماییم، به صورتی که حتی وقتی کاربر، مرورگر اینترنت خود را می بندد، باز هم اطلاعات در مرورگر اینترنت باقی بماند.
ذخیره اطلاعات توسط مشخصه
localStorage ، به صورت زوج اطلاعات کلید (Key) و مقدار (Value) می باشد. یعنی مثلا فرض کنید که می خواهیم نام کاربر را در مرورگر اینترنت وی ذخیره کنیم، برای این منظور، کلید را برابر
name و مقدار را برابر
Ali که همان نام کاربر است، در نظر می گیریم. با ذخیره کردن این اطلاعات در مرورگر اینترنت کاربر، هر زمان که بخواهیم نام کاربر را از مرورگر اینترنت وی بخوانیم، اعلام می کنیم که مقدار متناظر با کلید
name را می خواهیم. بنابراین تناظر دو به دوی بین کلید (Key) و مقدار (Value) به ما این امکان را می دهد که برای اطلاعات مختلفی که در مرورگر اینترنت کاربر ذخیره می کنیم، به نوعی اسم گذاری داشته باشیم و بر اساس آن اسم ها بتوانیم آنها را فراخوانی کنیم.
چنانچه بخواهیم که اطلاعات تنها تا زمان باز بودن مرورگر اینترنت کاربر باقی بمانند و بعد از اینکه کاربر مرورگر اینترنت خود را بست، اطلاعات حذف شوند، می توانیم از مشخصه
sessionStorage در JavaScript استفاده کنیم (
کلید شماره 27899 ).
ذخیره یک زوج اطلاعات کلید (Key) و مقدار (Value) در localStorage ، با روش localStorage.setItem ، در JavaScript :
با استفاده از روش
localStorage.setItem در JavaScript ، می توانیم یک زوج اطلاعات کلید (Key) و مقدار (Value) را در
localStorage ذخیره نماییم.
به عنوان مثال، برای ذخیره اطلاعاتی که در آن، کلید (Key) برابر
name و مقدار (Value) برابر
Ali می باشد، کد JavaScript زیر را می نویسیم :
دریافت مقدار (Value) متناظر با یک کلید (Key) ذخیره شده در localStorage ، با روش localStorage.getItem ، در JavaScript :
روش
localStorage.getItem در JavaScript ، برای دریافت مقدار (Value) متناظر با یک کلید (Key) ذخیره شده در
localStorage به کار می رود.
به عنوان مثال، برای دریافت مقدار متناظر با کلید (Key) با نام
name ، کد JavaScript زیر را می نویسیم :
حذف کردن یک زوج اطلاعات کلید (Key) و مقدار (Value) ذخیره شده در localStorage ، با روش localStorage.removeItem ، در JavaScript :
با استفاده از روش
localStorage.removeItem در JavaScript ، می توانیم یک زوج اطلاعات کلید (Key) و مقدار (Value) ذخیره شده در
localStorage را حذف کنیم.
به عنوان مثال، برای حذف یک زوج اطلاعات که نام کلید (Key) آن برابر
name می باشد، کد JavaScript زیر را می نویسیم :
حذف کردن همه اطلاعات ذخیره شده در localStorage ، با روش localStorage.clear ، در JavaScript :
با استفاده از روش
localStorage.clear در JavaScript ، می توانیم همه اطلاعات ذخیره شده در localStorage را حذف کنیم.
روش
localStorage.clear را به صورت زیر به کار می بریم :
به مثال زیر توجه کنید :
نتیجه :
نتیجه :
نتیجه :
