Ce este depozitul local
Utilizatorul lucrează activ cu pagina: umple câmpurile de formular, apasă butoanele, deschide blocul ascuns etc. Dar când pagina este actualizată, rezultatul dispare, documentul HTML revine la starea inițială. Pentru a face browserul să-și amintească alegerea unei persoane, puteți folosi depozitul local. localStorage - "cheie / valoare" este stocată în browser, până când utilizatorul își șterge magazinul local. Nu puteți să vizitați proiectul web timp de mai multe zile și să vedeți formularul completat anterior când vă întoarceți la site.
Dimensiunea stocului local
"Este sugerată o majoritate a limitelor de 5 megabiți pe origine." Feedbackul implementării este binevenit și va fi folosit pentru a actualiza această sugestie în viitor. " [w3.org] Adică, este recomandat ca un domeniu să fie dat cel puțin 5 megaocteți. Majoritatea browserelor utilizează această limită.
Ce este sessionStorage
sessionStorage - "cheie / valoare" este stocată în browser în timp ce fila este deschisă. Adică puteți să navigați liber pe site, să reîmprospătați pagina, dar să nu închideți fereastra filă sau a ferestrei browserului.
Cum se salvează acțiunea după ce faceți clic pe un buton în JS
Activitate: dacă elementul este apăsat pe ecran, nu îl ștergeți pentru o perioadă lungă de timp.
Sunt aici. Când te întorci după câteva zile, voi fi din nou aici.
Sarcina: dacă persoana a venit pentru prima dată și nu a schimbat niciodată valoarea domeniului de date, atunci trebuie să-i arătați data curentă, altfel cea introdusă ultima dată. Aplicare practică.
Continuați să verificați Cheboks atunci când actualizați pagina
În browser-ul utilizatorului amintiți ce buton radio a ales ultima dată
Salvați valoarea selectată selectată
Diane Galiyeva Multe mulțumiri pentru subiectele tale! Întotdeauna ajuta! shpargalkablog.ru taxi. NMitra Vă mulțumim pentru cuvintele calde :) Anonim Bună ziua și cum să salvați Cheboks verificate când actualizați pagina dacă mai multe casete de selectare cu nume = "formDoor []". Multumesc NMitra Bună ziua, am adăugat butoanele radio Anonim Hello!
Cum obțineți valoarea unei chei, de exemplu într-o div, dacă introduceți o cheie în intrare?
LocalStore: măr (cheie) - fructe (valoare)
De exemplu, introduceți: Apple
Apăs pe Enter și cuvântul apare în div: fruct
. NMitra document.getElementById ( "în") oninput = function () document.getElementById ( "out") innerHTML = localStorage.getItem (this.value) .;
> Anonim 1) Intrare de intrare: Apple = fructe
2) Apăs pe Enter (codul cheie ca 13?)
3) În LocalStorage devine: măr (cheie) - fructe (valoare)
A fost super! NMitra Două lucruri mai ușor de făcut
document.getElementById ("în"); onchange = raz;
document.getElementById ("in1"); onchange = raz;
Funcția raz () localStorage.setItem (document.getElementById ( "în"). Valoarea, document.getElementById ( "in1"). Valoarea)
> Anonim Vă mulțumesc foarte mult! Blog Mare = chestii minunate! Intrare anonimă (id = "in") Am introdus: apple = fruct
document.getElementById ("in"); oninput = funcție () var rezultat = str.split ('=');
localStorage.setItem (tot ceea ce înainte de semnul "=" este pus în coloana "cheie" a LocalStorage.)
localStorage.setItem (.) Tot ceea ce după semnul "=" este introdus în coloana "value" a LocalStorage.)
>
Ar fi de dorit ca toate aceleași intrări.
În semnalul de intrare semnul "=" va fi o singură dată!
Ar fi doar fericit! NMitra document.getElementById ("în"). Onchange = raz;
funcția raz () var str = document.getElementById ("în") valoare;
localStorage.setItem (str.split ('=') [0], str.split ('=') [1]);
> Anonim Wow! Miracole! Mulțumiri uriașe! Sunt fericit! Acesta este cel mai bun blog pe care l-am văzut! Stocare locală anonimă (cheie-valoare):
Punctul 1 - a
Punctul 2 - b
Item3 - c
.
Condiția principală:
! Atunci când creați o intrare în LocalStorage, nu ar trebui să existe aceleași chei (întreaga listă de taste din LocalStorage ar trebui să fie formată din DIFERITE chei unice fără duplicare)
Procedura:
1) Utilizatorul introduce numele cheii în câmpul de intrare: De exemplu, Elementul 1
2) Citiți cheia (obținem valoarea câmpului de intrare în care utilizatorul a introdus cheia)
3) Ștergeți câmpul de introducere
4) Verificați dacă această cheie este în LocalStorage.
Dacă există, ieșiți valoarea lui în div (în acest exemplu, valoarea elementului cheie1 = a)
Dacă nu, creați o nouă intrare cu această cheie (consultați Condiția principală)
Achiziții html:
NMitra
Anonim spune-mi cum să faceți un clic pe un buton pentru a modifica valoarea unei variabile în localStorage
să faceți clic pe butonul introdus în localStorage
localStorage.setItem ("minibar", "adevărat");
a făcut clic din nou pe butonul modificat la fals
localStorage.setItem ("minibar", "fals");
și așa în jurul cercului Funcția NMitra Raz () var h = localStorage.getItem ('ascunde');
dacă (h! = 'true' || h == null) localStorage.setItem ('ascunde', 'adevărat');
> altul localStorage.setItem ("ascunde", "fals");
>
> Anonim Salut, dar cum să afișați blocul când introduceți cheia? NMitra Bună ziua, nu cunosc sarcina completă, așa că nu pot da o soluție. Veți încărca conținut dintr-o altă pagină sau aveți deja un bloc pe pagină, doar că este ascuns de la început sau altceva. Anonim Hello! NMitra, intenționați să completați acest subiect cu păstrarea modificărilor în IndexedDB?
Mulțumesc. NMitra Bună ziua, aș vrea. Dar pentru ziua de azi, există mai multe cereri de scriere a articolelor decât pot depăși. Le-am răspândit până la momentul tratamentului. Mi-e teamă că vei afla mai repede tu. (Dar mulțumesc pentru idee! Într-o zi o voi ajunge.
Trimiteți-le prietenilor: