Latest web development tutorials

HTML5 przechowywania Web

HTML5 przechowywanie stron internetowych, lepszy niż ciasteczka pamięci lokalnej.

Czym jest HTML5 przechowywania Web?

Użyj HTML5 może przeglądać dane przechowywane lokalnie na użytkownika.

Wcześniej, lokalne przechowywanie za pomocą plików cookie. Ale bezpieczeństwo i składowanie Web potrzebuje szybciej. Dane te nie będą przechowywane na serwerze, ale dane tylko do danych wymaganych przez użytkownika na stronie. Można również przechowywać duże ilości danych bez wpływu na wydajność witryny.

Dane z par klucz / wartość istnieje, strona danych jest dopuszczalne tylko do korzystania z dostępu do sieci.

Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 8+, Firefox, Opera, Chrome, Safari i wsparcie Web Store.

Uwaga: Internet Explorer 7 i wcześniejsze wersje IE nie obsługuje sklep internetowy.

localStorage i sessionStorage

Dwa obiekty zapisane w danych klienta jest:

  • localStorage - brak limitu czasu przechowywania danych
  • sessionStorage - Przechowywanie danych o sesji

Przed użyciem przechowywanie stron internetowych, sprawdź obsługę przeglądarki i localStorage sessionStorage:

if (typeof (przechowywanie)! == "niezdefiniowany") { // Tak! Obiekty Pomoc localStorage sessionStorage! // Jakiś kod ..... } więcej { // Niestety! Nie obsługuje sklep internetowy. }

localStorage obiektu

Nie ma czasu przechowywania danych obiektu localStorage graniczne. Następnego dnia, po drugim tygodniu lub przyszłym roku, dane są nadal dostępne.

Przykłady

. LocalStorage Nazwisko = "Kowalski"; dokument getElementById ( "Wynik") innerHTML = "Nazwisko:" ... + localStorage Nazwisko;

Spróbuj »

Przykłady analizy:

  • Użyj key = "Nazwisko", a value = "Kowalski" utworzyć klucz / wartość pary localStorage
  • Klucz odzyskiwania dla "Nazwisko" wartości, a następnie wstawia id = "result" element

Wskazówka: klucz / wartość pary są zwykle przechowywane jako ciąg znaków, można w zależności od ich potrzeby konwersji formatu.

Poniższy przykład pokazuje, ile razy użytkownik kliknie na przycisk, aby przekonwertować ciąg wartości do cyfrowego kodu typu:

Przykłady

jeśli (LocalStorage. Clickcount) { . LocalStorage clickcount = Number (clickcount localStorage .) + 1;} więcej { . LocalStorage clickcount = 1;} .. Dokument getElementById ( "Wynik" ) innerHTML = " Masz kliknięciu na przycisk" + localStorage clickcount + "razy.";

Spróbuj »

obiekty sessionStorage

Metoda sessionStorage na sesję do przechowywania danych. Gdy użytkownik zamyka okno przeglądarki, dane zostaną usunięte.

Jak tworzyć i dostęp do sessionStorage ::

Przykłady

jeśli (SessionStorage. Clickcount) { . SessionStorage clickcount = Number (sessionStorage clickcount .) + 1;} więcej { . SessionStorage clickcount = 1;} .. Dokument getElementById ( "Wynik" ) innerHTML = " W tej rozmowie, że kliknięciu przycisku" + sessionStorage clickcount + "razy.";

Spróbuj »