advertise laitec sharif univercity تبلیغات در سایت سورس کد تبلیغات در سایت سورس کد
پکیج ویژه پروژه پایانی و پایان نامه رشته کامپیوتر

پکیج ویژه پروژه پایانی و پایان نامه رشته کامپیوتر

45000 تومان
دانلود پروژه کامل مهندسی نرم افزار ، شرکت نرم افزاری

دانلود پروژه کامل مهندسی نرم افزار ، شرکت نرم افزاری

3000 تومان
دانلود PDF مجموعه 300 نکته جالب برنامه نویسی در سی شارپ #C

دانلود PDF مجموعه 300 نکته جالب برنامه نویسی در سی شارپ #C

3000 تومان
دانلود مجموعه 100 سورس ساده و ابتدایی با سی پلاس پلاس

دانلود مجموعه 100 سورس ساده و ابتدایی با سی پلاس پلاس

5000 تومان
دانلود پروژه فروشنده دوره گرد با الگوریتم ازدحام ذرات PSO در #C

دانلود پروژه فروشنده دوره گرد با الگوریتم ازدحام ذرات PSO در #C

4800 تومان

local storage حافظه محلی در HTML5

با local storage حافظه محلی در HTML5 اپلکیشن های وب می توانند، داده ها را بصورت محلی در داخل مرورگر کاربر ذخیره کنند. بر خلاف کوکی ها، محدودیت ذخیره سازی بسیار بیشتر (حداقل 5MB) است و اطلاعات هرگز به سرور منتقل نمی شوند.
local storage حافظه محلی در HTML5

local storage حافظه محلی در HTML5

حافظه محلی در HTML، بهتر از کوکی ها است. 

 

♦ local storage در HTML چیست؟

با حافظه محلی، اپلکیشن های وب می توانند، داده ها را بصورت محلی در داخل مرورگر کاربر ذخیره کنند.

قبل از HTML5،  داده های برنامه باید در کوکی ها ذخیره می شدند، از جمله در هر درخواست سرور. ذخیره سازی محلی بسیار امن تر است و مقدار زیادی از اطلاعات و داده ها را می توان بدون تاثیر بر عملکرد وب سایت، بصورت محلی ذخیره کرد.

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

حافظه محلی به ازای هر دامنه است. تمام صفحات یک دامنه می توانند می توانند به داده های یکسان دسترسی داشته باشند و آنها را ذخیره نمایند.

 

♦ پشتیبانی مرورگرها از local storage

اولین نسخه های مرورگرهایی که بطور کامل از ذخیره سازی محلی پشتیبانی کرده اند، بصورت زیر می باشد:

► مرورگر chrome  : نسخه 4.0

► مرورگر internet Explorer : ورژن 8

► مرورگر FireFox : ورژن  3.5

► مرورگر Opera : نسخه 11.5

► مرورگر safari : نسخه 4

 

♦ اشیاء حافظه محلی در HTML

local storage دو شیء برای ذخیره اطلاعات روی کلاینت (سرویس گیرنده) فراهم میکند:

► window.localStorage  : داده ها را بدون هیچ تاریخ انقضایی ذخیره می کند.

► window.sessionStorage : داده ها را برای یک session ذخیره می سازد (زمانی که tab بسته شود داده ها از بین خواهند رفت.)

قبل از استفاده از localstorage پشتیبانی مرورگرتان از اشیای localStorage و sessionStorage را چک کنید:

 

if(typeof(Storage) !== "undefined") {
    // Code for localStorage/sessionStorage.
} else {
    // Sorry! No Web Storage support..
}

 

♦ شی localStorage

آبجکت localStorage داده ها را بدون تاریخ انقضا ذخیره می نماید. در این شی، داده ها با بستن مرورگر از بین نخواهند رفت و روز، هفته، و سال بعد قابل دسترسی خواهند بود.

 

// Store
localStorage.setItem("lastname", "Smith");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

 

 توضیح مثال بالا:

► ایجاد یک جفت نام / مقدار برای localStrorage به صورت lastname / smith .

► بازیابی مقدار lastname و قرار دادن آن در عنصر با ID به نام result.

مثال بالا را می توان به این صورت زیر نوشت:

// Store
localStorage.lastname = "Smith";
// Retrieve
document.getElementById("result").innerHTML = localStorage.lastname;

 

سینتکس از بین بردن آیتم localstorage ی به نام lastname، به شرح زیر است:

localStorage.removeItem("lastname");

 

توجه داشته باشید: جفت های Name/value، همواره به عنوان رشته ذخیره می شوند. به یاد داشته باشید که در مواقع لزوم، آنها را به فرمت دیگری تبدیل کنید.

 

♦ آبجکت sessionStorage  در local storage

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

مثال زیر تعداد دفعاتی را  که user در session فعلی روی دکمه ای کلیک میکند را می شمارد:

 

if (sessionStorage.clickcount) {
    sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
    sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "You have clicked the button " +
sessionStorage.clickcount + " time(s) in this session.";

 

 

 



0
نظرات

نظر خود را ارسال کنید



نام:
ایمیل:
دیدگاه:
captcha
کد امنیتی :


advertise
مفهوم ذخیره سازی محلی در اچ تی ام الlocal storage در HTML چیست؟شتیبانی مرورگرها از local storageاشیاء حافظه محلی در HTMLlocal storage in html5آشنایی با شی localStorageمقایسه local storage در HTML با کوکی هاآبجکت sessionStorage در local storageکاربرد حافظه محلی در html چیست؟معرفی آبجکتهای local storage در html لیست برچسب ها
تمامی حقوق این سایت اعم از محتوی ، تصاویر ، قالب و ... متعلق به گروه مهندسی وب سایت سورس کد می باشد.
SourceCodes.ir ، افقی روشن برای برنامه نویسان ، از مبتدی تا حرفه ای

سفارش پروژه در سورس کد

پیشنهادات ویژه سورس کد

پکیج ویژه پروژه پایانی رشته کامپیوتر دانلود مجموعه 70 پروژه کاربردی سی شارپ وب سایت فروشگاه با php