Jak používat localStorage v JavaScriptu

Jak používat localStorage v JavaScriptu

Mechanismus localStorage poskytuje typ objektu webového úložiště, který vám umožňuje ukládat a načítat data v prohlížeči. Data můžete ukládat a přistupovat k nim bez vypršení platnosti; data budou k dispozici i poté, co návštěvník vaše stránky zavře.





K localStorage budete normálně přistupovat pomocí JavaScriptu. S malým množstvím kódu můžete vytvořit ukázkový projekt, jako je počítadlo skóre. To ukáže, jak můžete ukládat trvalá data a přistupovat k nim pouze pomocí kódu na straně klienta.





když se posouvám dolů, jde nahoru

Co je localStorage v JavaScriptu?

Objekt localStorage je součástí rozhraní API webového úložiště, které podporuje většina webových prohlížečů. Data můžete ukládat jako páry klíč–hodnota pomocí localStorage. Jedinečné klíče a hodnoty by měly být ve formátu UTF-16 DOM String.





Pokud chcete ukládat objekty nebo pole, budete je muset převést na řetězce pomocí JSON.stringify() metoda. Do localStorage můžete uložit až 5 MB dat. Také všechna okna se stejným původem mohou sdílet data localStorage daného webu.

Prohlížeč tato data nesmaže, ani když je uživatel zavře. Bude k dispozici webu, který jej vytvořil, během jakékoli budoucí relace. Pro citlivá data byste však neměli používat localStorage, protože k nim mají přístup jiné skripty běžící na stejné stránce.



jak vytvářet mraky ve Photoshopu

localStorage vs. sessionStorage

The localStorage a sessionStorage objekty jsou součástí rozhraní Web Storage API, které lokálně ukládá páry klíč-hodnota. Všechny moderní prohlížeče je podporují oba. S localStorage platnost dat nevyprší ani poté, co uživatel zavře prohlížeč. To se liší od sessionStorage, která vymaže data, když návštěva stránky skončí. Relace stránky končí, když zavřete kartu nebo okno.