Szenprogs portál

Számos módon tárolhatók az adatok. Mindegyiküknek előnyei és hátrányai vannak.

Anyag szakasz menü gyors eléréshez:

1. Globális változók

A globális változók lehetővé teszik bármilyen típusú adatok tárolását. Az adatok azonban csak az oldal frissítéséig tárolódnak. A parancsfájl kezdetén a funkciókon kívül kell írni.

Globális változó írása

var globalVariable = 'Globális változó';

Globális változó olvasása

A globális változó tisztítása

2. Cookie (sütik)

Cookie rekord

function setCookie (név, érték, opciók) options = opciók || <>;
var expires = options.expires;
ha (a típus lejárata == "szám" lejár) var d = új Dátum ();
d.setTime (d.getTime () + lejár * 1000);
lejár = options.expires = d;
>
ha (lejár expires.toUTCString) <
options.expires = expires.toUTCString ();
>
value = encodeURIComponent (érték);
var updatedCookie = név + '=' + érték;
a (var propName opciókban) updatedCookie + = '; '+ propName;
var propValue = opciók [propName];
ha (propValue! == igaz) updatedCookie + = '=' + propValue;
>
document.cookie = updatedCookie;
>

A név a cookie neve (string).

érték az írandó érték (string).

opciók - tárolási lehetőségek:

A cookie-k olvasása

függvény getCookie (név) var matches = document.cookie.match (új RegExp ('(?: ^ |;)' + name.replace (/ ([# 92 ;. $? * |<># 92; # 92; # 92; # 92; / # 92; + ^]) / g, '# 92; # 92; $ 1') + '= ( [^;] *) '));
vissza mérkőzések. decodeURIComponent (egyezések [1]). meghatározatlan;
>

Sütik eltávolítása

3. Helyi tárolás

A HTML5 specifikációban megjelenik a helyi tárhely. Ezért csak meghatározott böngészőkben működik:

A helyi tárterület a következő jellemzőkkel rendelkezik. A tárolt adatok mennyiségét csak a merevlemez és a böngésző beállításai korlátozzák. A szabvány szerint ez 5 megabájt. A helyi tárhelyen tárolt adatok nem törlődnek a böngésző újraindítása után sem. A Helyi tárolás lehetővé teszi az adatoknak a tartományon belüli oldalak közötti átvitelét. A tárolt adatok nem kerülnek át a kiszolgálóra, és csak a szkriptet használják. A karakterláncok értékei csak tárolhatók.

Írás a helyi tárhelyre

function setLocalStorage (kulcs, érték, funcExceed) próbálja meg, ha ('localStorage' az ablakban window ['localStorage']! == null) próbáld ki a localStorage.setItem (kulcs, érték);
return true;
> catch (e) ha (e == QUOTA_EXCEEDED_ERR) ha (funcExceed! = udefined typeof funcExceed == 'függvény') funcExceed ();
return false;
>
>
> másként hamis;
>
> catch (e) return false;
>
>

  • A kulcs a változó kulcs.
  • értéke egy mondat (string) értéke.
  • FuncExceed egy olyan függvény, amelyet akkor hajt végre, amikor a tárhely megtelt. Ha nem ad meg semmilyen funkciót, akkor nem történik művelet.

Abban az esetben, ha a helyi tárolást nem támogatja, hamis, egyébként - igaz.

Olvasás a helyi tárolóból

function getLocalStorage (kulcs) próbálja meg, ha ('localStorage' az ablakban window ['localStorage']! == null) localStorage.getItem (kulcs);
> egyébként vissza nem definiált;
>
> catch (e) vissza nem meghatározott;
>
>

Ha a helyi tároló nem támogatott, akkor visszaadatlanul tér vissza, ellenkező esetben a kulcsértéket.

A helyi tároló törlése

function clearLocalStorage (kulcs) próbálja meg, ha ('localStorage' az ablakban window ['localStorage']! == null) if (kulcs == nem definiált) localStorage.clear ();
> else localStorage.removeItem (kulcs);
>
> egyébként vissza nem definiált;
>
> catch (e) vissza nem meghatározott;
>
>

Ha a kulcsparaméter be van állítva, törli a megadott billentyűt. Ha a paraméter nincs megadva, akkor a teljes tárhely törlődik. Ha nincs helyi tárolási támogatás, akkor a függvény nem definiált.

Ez minden. Iratkozzon! Kattintson a csillagra!

Sok szerencsét a teljesítményedben!

Kapcsolódó cikkek