Šis įrašas demonstruoja saugyklos „rakto ()“ metodą „JavaScript“.
Ką „JavaScript“ veikia saugojimo rakto () metodas?
„ Raktas() “ metodas yra susietas su saugyklos objektu, kuris nuskaito rakto pavadinimą, esantį nurodytame indekse. „Saugojimo“ objektas gali būti „ vietinis ' arba ' sesija “ saugykla. Tai leidžia vartotojams pasiekti tiek vietinius, tiek seanso saugojimo raktus.
Sintaksė (vietinei saugyklai)
vietinė parduotuvė. Raktas ( indeksas ) ;
Aukščiau pateikta sintaksė priima vieną parametrą ' indeksas “, kuris grąžina tam tikro indekso rakto pavadinimą.
Sintaksė (skirta seansų saugyklai)
sessionStorage. Raktas ( indeksas ) ;
Aukščiau pateikta sintaksė taip pat palaiko „index“ parametrą, tą patį kaip „localStorage“.
Abi aukščiau apibrėžtos sintaksės grąžina saugyklos objekto rakto pavadinimą kaip eilutę. Įgyvendinkime juos abu po vieną.
1 pavyzdys: Saugyklos „key()“ metodo taikymas norint gauti nurodytą vietinės saugyklos rakto pavadinimą
Šiame pavyzdyje paaiškinamas praktinis saugojimo „key()“ metodo įgyvendinimas, norint gauti vietinio nurodyto indekso saugyklos rakto pavadinimą.
HTML kodas
Pirmiausia pažvelkite į pateiktą HTML kodą:
< h2 > Saugojimo raktas ( ) Metodas JavaScript h2 >< mygtukas onclick = 'myFunc()' > Gaukite nurodytą vietinės saugyklos raktą mygtuką >
< p id = 'demo' > p >
Aukščiau pateiktame kodo fragmente:
- Pirmiausia nurodykite paantraštę naudodami „ “ žymą.
- Tada pridėkite mygtuką naudodami „
'žyma, kurią sudaro ' paspaudus 'įvykis funkcijai vykdyti' myFunc() “ ant mygtuko paspaudimo. - Galiausiai sukurkite tuščią pastraipą naudodami „ “ žymą, kurią galima lengvai pasiekti naudojant jam priskirtą ID „demo“.
JavaScript kodas
Tada tęskite toliau nurodytu kodu:
< scenarijus >vietinė parduotuvė. setItem ( 'Interneto svetainė' , 'Linux' ) ;
vietinė parduotuvė. setItem ( „Pirmoji pamoka“ , 'HTML' ) ;
vietinė parduotuvė. setItem ( 'Antra pamoka' , 'JavaScript' ) ;
funkcija myFunc ( ) {
yra x = vietinė parduotuvė. Raktas ( 1 ) ;
dokumentas. getElementById ( 'demo' ) . vidinis HTML = x ;
}
scenarijus >
Aukščiau esančiame kodo bloke:
- „ vietinė parduotuvė turtas yra susietas su setItem() “ metodą, norėdami nustatyti nurodytus vietinės saugyklos elementus.
- Tada funkcija pavadinimu „ myFunc() ' yra apibrėžta.
- Savo apibrėžime „ Raktas() “ metodas yra susietas su „ vietinė parduotuvė “, kad gautumėte pirmojo indekso rakto pavadinimą.
- Po to „ document.getElementById() “ metodas taikomas norint pasiekti tuščią pastraipą, naudojant jos ID „demo“, kad pridėtų vietinės saugyklos elemento raktą „pavadinimas“.
Išvestis
Kaip matote, išvestyje rodomas vietinės saugyklos elemento rakto pavadinimas .e. „Second Tutorial“ pirmoje rodyklėje, vadovaudamiesi abėcėlės tvarka spustelėjus mygtuką.
2 pavyzdys: Saugyklos „key()“ metodo taikymas norint gauti nurodytą seanso saugyklos rakto pavadinimą
Šiame pavyzdyje saugyklos „key()“ metodas grąžina seanso saugyklos rakto pavadinimą su tam tikru indeksu.
HTML kodas
Pirmiausia peržiūrėkite šį HTML kodą:
< h2 > Saugojimo raktas ( ) Metodas JavaScript h2 >< mygtukas onclick = 'myFunc()' > Gaukite nurodytą seanso saugojimo raktą mygtuką >
< p id = 'demo' > p >
Aukščiau pateiktas kodas yra toks pat kaip 1 pavyzdyje, tačiau su keliais HTML turinio atnaujinimais.
JavaScript kodas
Tada pereikite prie šio kodo:
< scenarijus >sessionStorage. setItem ( 'Interneto svetainė' , 'Linux' ) ;
sessionStorage. setItem ( 'Pirmas' , 'HTML' ) ;
sessionStorage. setItem ( 'Antras' , 'JavaScript' ) ;
funkcija myFunc ( ) {
yra x = sessionStorage. Raktas ( 2 ) ;
dokumentas. getElementById ( 'demo' ) . vidinis HTML = x ;
}
scenarijus >
Čia seanso saugojimo elementai sukuriami naudojant „ sessionStorage “ nuosavybė ir tada “ Raktas() “ metodas taikomas norint gauti nurodytą antrojo indekso rodyklės seanso saugojimo rakto pavadinimą.
Išvestis
Šiame rezultate „key()“ metodas parodė seanso saugyklos elemento, saugomo antrajame indekse, rakto pavadinimą. Saugyklos rakto pavadinimo paieškos procesas vyksta abėcėlės tvarka, kuri pradedama ieškoti nuo „ 0 ' indeksas.
Išvada
„JavaScript“ suteikia saugyklą Raktas() “ būdas gauti rakto pavadinimą su konkrečiu abiejų „ vietinis ' ir ' sesija ” saugojimo objektai. Jis ieško nurodyto rakto pavadinimo saugykloje ir parodo jo pavadinimą DOM (dokumento objekto modelis). Šiai užduočiai atlikti reikalingas tik parametras „indeksas“. Šis įrašas išsamiai iliustravo „JavaScript“ saugyklos „key()“ metodo veikimą.