Ta objava prikazuje metodo Storage »key()« v JavaScriptu.
Kaj počne metoda Storage key() v JavaScriptu?
' ključ() ” je povezana z objektom Storage, ki pridobi ime ključa, postavljeno na podani indeks. Objekt »shramba« je lahko » lokalni ' ali ' sejo ” shranjevanje. Uporabnikom omogoča dostop do lokalnih ključev in ključev za shranjevanje seje.
Sintaksa (za lokalno shranjevanje)
localStorage. ključ ( kazalo ) ;
Zgornja sintaksa sprejme en parameter ' kazalo ”, ki vrne ime ključa pri danem indeksu.
Sintaksa (za shranjevanje seje)
sessionStorage. ključ ( kazalo ) ;
Zgornja sintaksa podpira tudi parameter »index«, ki je enak kot »localStorage«.
Obe zgoraj definirani sintaksi vrneta ime ključa pomnilniškega objekta kot niz. Izvajajmo oboje enega za drugim.
1. primer: uporaba metode »key()« za shranjevanje za pridobitev podanega imena ključa lokalnega pomnilnika
Ta primer pojasnjuje praktično izvedbo metode »key()« pomnilnika za pridobitev imena ključa pomnilnika lokalnega indeksa.
HTML koda
Najprej si oglejte dano kodo HTML:
< h2 > Ključ za shranjevanje ( ) Metoda v JavaScriptu h2 >< gumb na klik = 'myFunc()' > Pridobite določen ključ lokalnega pomnilnika gumb >
< p id = 'demo' > str >
V zgornjem delčku kode:
- Najprej določite podnaslov prek » ' oznaka.
- Nato dodajte gumb s pomočjo »
» oznaka, ki vsebuje » onclick ” dogodek za izvedbo funkcije ” myFunc() ” na gumb kliknite. - Na koncu ustvarite prazen odstavek prek » ”, do katere lahko enostavno dostopate prek dodeljenega ID-ja “demo”.
Koda JavaScript
Nato nadaljujte s spodnjo kodo:
< scenarij >localStorage. setItem ( 'Spletna stran' , 'Linux' ) ;
localStorage. setItem ( 'Prva vadnica' , 'HTML' ) ;
localStorage. setItem ( 'Druga vadnica' , 'JavaScript' ) ;
funkcija myFunc ( ) {
tam je x = localStorage. ključ ( 1 ) ;
dokument. getElementById ( 'demo' ) . notranjiHTML = x ;
}
scenarij >
V zgornjem kodnem bloku:
- ' localStorage Lastnost je povezana z setItem() ” za nastavitev navedenih elementov lokalnega pomnilnika.
- Nato funkcija z imenom ' myFunc() ” je definiran.
- V svoji definiciji je ' ključ() ' metoda je povezana z ' localStorage ”, da dobite ime ključa prvega indeksa.
- Po tem je ' document.getElementById() « se uporabi metoda za dostop do praznega odstavka z uporabo njegovega ID-ja »demo«, da se mu doda ključ »ime« predmeta lokalnega pomnilnika.
Izhod
Kot je razvidno, izhod prikaže ime ključa postavke lokalnega pomnilnika .e. »SecondTutorial« pri prvem indeksu, tako da sledite abecednemu vrstnemu redu ob kliku gumba.
2. primer: uporaba metode »key()« za shranjevanje za pridobitev podanega imena ključa za shranjevanje seje
V tem primeru metoda Storage »key()« vrne ime ključa shrambe seje z določenim indeksom.
HTML koda
Najprej preglejte to kodo HTML:
< h2 > Ključ za shranjevanje ( ) Metoda v JavaScriptu h2 >< gumb na klik = 'myFunc()' > Pridobite določen ključ za shranjevanje seje gumb >
< p id = 'demo' > str >
Zgornja koda je enaka 1. primeru, vendar z nekaj posodobitvami v vsebini HTML.
Koda JavaScript
Nato pojdite na naslednjo kodo:
< scenarij >sessionStorage. setItem ( 'Spletna stran' , 'Linux' ) ;
sessionStorage. setItem ( 'prvi' , 'HTML' ) ;
sessionStorage. setItem ( 'Drugi' , 'JavaScript' ) ;
funkcija myFunc ( ) {
tam je x = sessionStorage. ključ ( 2 ) ;
dokument. getElementById ( 'demo' ) . notranjiHTML = x ;
}
scenarij >
Tukaj so elementi shranjevanja seje ustvarjeni z uporabo » sessionStorage ' in nato ' ključ() ” se uporabi metoda za pridobitev podanega imena ključa za shranjevanje seje indeksa drugega indeksa.
Izhod
V tem rezultatu je metoda »key()« prikazala ime ključa postavke shrambe seje, shranjene v drugem indeksu. Postopek iskanja imena ključa za shranjevanje sledi abecednemu vrstnemu redu, ki se začne z iskanjem od ' 0 ” kazalo.
Zaključek
JavaScript zagotavlja shrambo ' ključ() ' za pridobitev imena ključa z določenim indeksom obeh ' lokalni ' in ' sejo ” predmeti za shranjevanje. Išče podano ime ključa v pomnilniku in nato prikaže njegovo ime v DOM (Document Object Model). Za izvedbo te naloge potrebuje le parameter 'index'. Ta objava je podrobno prikazala delovanje metode »key()« shrambe JavaScript.