HTML5 - Съхранение на браузъра

При работа с уеб страници има моменти, когато се налага да използваме данни, които продължават по време на сърфирането на потребителя, но ние не искаме или не можем да използваме бази данни, така че за това можем да използваме хранилището в браузъра.
Съхранение на браузъра
Браузърът ни позволява да съхраняваме значително количество данни с различните инструменти, които ни дава. HTML5, решението да използваме едно или друго минава през определяне на това, което искаме да направим.
От различните видове хранилища, които можем да използваме, ще подчертаем локално хранилище, с този тип съхранение можем запазване на различни асоциации ключ-стойност с които можем да поддържаме постоянство на потребителски данни на вашия локален компютър, откъдето имате достъп до страницата HTML5.
Локално съхранение
За да използвате локално хранилище ние зависим от глобалната собственост localStorage, каза имот ние връща обект за съхранение в които ще имаме различните асоциации ключ -стойност, които споменахме по -горе.
Когато решим да работим с този тип съхранение, ще можем да разчитаме на различните му методи, за да можем да изградим необходимите функции, поради което трябва да ги познаваме, нека да видим по -долу методите, които имаме в този тип на локално хранилище.

• ясно (): Този метод ни позволява да изчистим всички асоциации, съхранявани в нашия обект.
• getItem (): Тя ни позволява да получим стойността на асоциацията, като използваме ключ, който предаваме като параметър.
• ключ (): Тя ни позволява да получим ключа на асоциацията, използвайки вашата позиция за него.
• дължина: Той показва количеството ключови елементи, които сме съхранили в момента.
• Премахни артикул (): Вместо да изчистваме всички елементи с clear (), с този метод можем да премахнем конкретни елементи, използвайки техния ключ като идентификатор.
• setItem (,): Този метод ни позволява да добавим нова асоциация или да я актуализираме, ако ключът, който поставяме, вече съществува.
• []: Тя ни позволява достъп до съдържанието на една от асоциациите под формата на масив.

Много добре сега, когато знаем методите, които имаме, ще направим демонстрационен код, с който ще се научим да използваме локално хранилище:

 ПримерГаечен ключ:Стойност:Добавете Clear
Има елементи

 
Елементи:
-

 

 

В този пример сме изградили функционалност, която ни позволява да записваме стойности в полета на тип въвеждане на текст и след това чрез функции, за да можете да съхранявате тези стойности локално.
Нека да видим как изглежда това в нашия браузър:

Можем да забележим как можем да добавим редица елементи и след това можем да преминем през тях, за да ги покажем.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка