A változások mentése localStorage és sessionstorage, javascript - példák

Mi localStorage

A felhasználó aktívan együttműködik az oldalra: töltse ki az alábbi űrlapot, kattintson a gomb megnyitja a rejtett blokk, stb De az oldal frissül eredményeként eltűnik, HTML-dokumentum vissza az eredeti állapotába. Megjegyeznünk böngésző választás egy személy tehet a helyi tárolás használatát. localStorage - «kulcs / érték» tárolja a böngésző, ha a felhasználó törli a helyi boltban. Nem mehet néhány nappal az interneten projekt lásd korábban kitöltött űrlapot, hogy visszatérjen a helyszínen.

mérete localStorage

„A leginkább önkényes limit öt megabájt eredetű javasolt. Végrehajtás visszajelzést várunk, és fogják használni, hogy frissítse ezt a javaslatot a jövőben.” [W3.org], hogy, akkor ajánlott, hogy ugyanabban a tartományban legalább 5 megabájt. A legtöbb böngésző segítségével az adott korlátot.

Mi sessionStorage

sessionStorage - «kulcs / érték» tárolja a böngésző, míg a nyitott fület. Ez azt jelenti, hogy szabadon mozoghat a honlapon, frissítse az oldalt, de nem zárja be a böngésző lapot vagy ablakot.

Hogyan tartsuk a cselekvés egy gomb megnyomásával a JS

Probléma: Ha egy elemre hozta a képernyő, ne távolítsa el sokáig.

Kinyitom itt. Ha jön vissza, miután egy pár nap, én itt leszek újra.

Probléma: ha az emberek jönnek először, és nem változott az értéke a dátum mező, meg kell neki mutatni az aktuális dátumot, egyébként az, amit ő vezetett be utoljára. Gyakorlati alkalmazása.

Mentés cheboksa ellenőrzésre, amikor az oldal frissül

A felhasználó böngészőjének megjegyeznünk, amit a rádió gomb kiválasztott utoljára

Fenntartja a kiválasztott érték kiválasztásához

Diana Galiev Köszönjük a téma! Mindig segíteni! shpargalkablog.ru taxik. NMitra Köszönöm a kedves szavakat :) Anonymous Hello, és hogyan tartsa a cheboksa megnézik, frissítse az oldalt, ha több jelölőnégyzeteket a name = „formDoor []”. Köszönöm NMitra Üdvözöljük egészíteni a cikket választókapcsolókkal Anonymous Hello!
Hogyan lehet megjeleníteni a legfontosabb érték, mint a div'e, ha meg a kulcsot a bemeneti?
LocalStorage: alma (key) - gyümölcs (érték)
Pl beszúrni: alma
Nyomja meg az Enter és a szó jelenik meg a div: gyümölcs

. NMitra document.getElementById ( "in") oninput = függvény () document.getElementById ( "OUT") innerHTML = localStorage.getItem (this.value) .;
> Anonymous 1) belépek a bemeneti: alma = gyümölcs
2) Azt az Enter gombot (a kulcs kódot, mint 13?)
3) A LocalStorage lesz: alma (key) - gyümölcs (érték)
Ez csak szuper! NMitra két bemeneti könnyebb csinálni
. Document.getElementById ( "in") onChange = raz;
. Document.getElementById ( "IN1") onChange = raz;
funkció raz () localStorage.setItem (document.getElementById ( "a"). értéket, document.getElementById ( "IN1"). érték)
> Anonymous Köszönöm szépen! Kitűnő blog = nagy dolog! Egy névtelen bemenet (id = "in"), illessze: alma = gyümölcs

. Document.getElementById ( "in") oninput = függvény () var eredmény = str.split ( '=');
localStorage.setItem (. mindent, mielőtt a „=”, hogy az oszlopra „kulcs” LocalStorage.)
localStorage.setItem (. után mindent „=” jel, hogy az oszlopban az „érték” LocalStorage.)
>

Kívánatos lenne, hogy még van egy bemenete van.
A input'e „=” jel csak egyszer!
Én is nagyon boldog! NMitra document.getElementById ( "in") onChange = raz .;
funkció raz () var str = document.getElementById ( "in") érték .;
localStorage.setItem (str.split ( '=') [0], str.split ( '=') [1]);
> Anonymous Wow! Csodák! Köszönöm szépen! Boldog vagyok! Ez a legjobb blog, amit valaha láttam! Anonymous LocalStorage (kulcs - érték):
1. elem - a
Item2 - b
ITEM3 - c
.

Ennek legfőbb feltétele:
! Amikor létrehoz egy rekord LocalStorage lehetőleg ne legyen azonos kulcsok (a teljes listát a kulcsokat LocalStorage áll a különböző egyedi kulcsok megkettőzése nélkül)

eljárás:
1) A felhasználó beírja a nevét a kulcsot a beviteli mezőbe: Például, 1. elem
2) Olvassa el a kulcsot (kap érték beviteli mező, amibe a felhasználó által bevitt kulcs)
3) Törölje a beviteli mező
4) ellenőrzi, hogy a kulcs a LocalStorage.
Ha van, akkor ebből az értéket div (ebben a példában az érték 1. elem = a kulcs)
Ha nem, hozzon létre egy új bejegyzést ezzel a kulccsal (lásd. A fő feltétel)

Betakarítás html:

NMitra

Anonymous megmondani, hogyan kell erre a gombra kattintva módosíthatja az értéket a változó localStorage
hagyja rákattintott a gombra hozott localStorage
localStorage.setItem ( "minibár", "igazi");
kattintott újra a gombot változott hamis
localStorage.setItem ( "minibár", "hamis");
és így a kör NMitra funkció Raz () var h = localStorage.getItem ( 'hide');
if (! h = 'true' || h == null) localStorage.setItem ( 'elrejtés', 'igaz');
> Else localStorage.setItem ( 'elrejtés', 'hamis');
>
> Anonymous Szia, és hogyan kell megjeleníteni egységet, ha a kulcs behelyezésekor? NMitra Szia, nem tudom, a teljes probléma, így nem tudok megoldást. Meg fogja betölteni a tartalmat egy másik oldalra, vagy ha már van egy egység az oldalon, de eredetileg rejtett, vagy valami más. Anonymous Hello! NMitra, hogy azt tervezi, hogy adjunk erre a témára Változtatások mentése IndexedDB?
Köszönöm. NMitra Helló, szeretnék. De a mai napig, kéréseket írásban cikkek több, mint amit tud leküzdeni. Én őket idején forgalomról megállapított. Attól tartok, hogy hamarosan megtudja magát :( De kösz az ötletet! Egy napon majd menni vele.