HTML5 - Úložiště prohlížeče

Při práci s webovými stránkami existují chvíle, kdy musíme použít data, která přetrvávají během procházení uživatele, ale nechceme nebo nemůžeme používat databáze, takže k tomu můžeme využít úložiště v prohlížeči.
Úložiště prohlížeče
Prohlížeč nám umožňuje ukládat značné množství dat pomocí různých nástrojů, které nám poskytuje. HTML5, rozhodnutí použít jedno nebo druhé prochází definováním toho, co chceme dělat.
Z různých typů úložišť, které můžeme použít, zvýrazníme místní úložiště, s tímto typem úložiště můžeme uložit různé asociace klíč – hodnota pomocí kterého můžeme udržovat stálost uživatelských dat na vašem místním počítači, odkud přistupujete na stránku HTML5.
Místní úložiště
Chcete -li použít místní úložiště jsme závislí na globálním vlastnictví místní úložiště, řekl majetek my vrací objekt Storage ve kterém budeme mít různé asociace klíč - hodnota, které jsme zmínili výše.
Když se rozhodneme pracovat s tímto typem úložiště, budeme moci počítat s jeho různými metodami, abychom mohli vybudovat funkce, které potřebujeme, z tohoto důvodu je musíme znát, podívejme se níže na metody, které v tomto typu máme místního úložiště.

• Průhledná (): Tato metoda nám umožňuje vyčistit všechna přidružení uložená v našem objektu.
• getItem (): Umožňuje nám získat hodnotu přidružení pomocí klíče, který předáme jako parametr.
• klíč (): Umožňuje nám získat klíč asociace pomocí vaší pozice.
• délka: Udává množství prvků klíč - hodnota, které jsme v tuto chvíli uložili.
• removeItem (): Místo vymazání všech prvků pomocí clear () můžeme pomocí této metody odebrat konkrétní prvky pomocí jejich klíče jako identifikátoru.
• setItem (,): Tato metoda nám umožňuje přidat novou asociaci nebo ji aktualizovat, pokud klíč, který umístíme, již existuje.
• []: Umožňuje nám přistupovat k obsahu jedné z asociací ve formě pole.

Velmi dobře, když známe metody, které máme, vytvoříme demo kód, pomocí kterého se naučíme používat místní úložiště:

 PříkladKlíč:Hodnota:Přidat Vymazat
Existují prvky

 
Prvky:
-

 

 

V tomto příkladu jsme vytvořili funkci, která nám umožňuje zapisovat hodnoty do polí typ vstupního textu a poté prostřednictvím funkcí, aby bylo možné tyto hodnoty ukládat lokálně.
Podívejme se, jak to vypadá v našem prohlížeči:

Můžeme si všimnout, jak můžeme přidat řadu prvků, a poté je můžeme projít, abychom je ukázali.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod