Latest web development tutorials
×

HTML курс

HTML курс HTML Краткое введение HTML редактор HTML Фонд HTML элемент HTML свойство HTML заголовок HTML пункт HTML Форматирование текста HTML ссылка HTML руководитель HTML CSS HTML изображение HTML таблица HTML список HTML блок HTML раскладка HTML форма HTML рамка HTML цвет HTML название цвета HTML значения цвета HTML скрипт HTML символьные объекты HTML URL HTML Быстрый список HTML резюме XHTML Введение

HTML5

HTML5 курс HTML5 Поддержка браузеров HTML5 Новый элемент HTML5 Canvas HTML5 Инлайн SVG HTML5 MathML HTML5 Перетаскивание HTML5 Географическое положение HTML5 видео(Video) HTML5 аудиочастота(Audio) HTML5 Input тип HTML5 элементы формы HTML5 Свойства формы HTML5 Смысловые элементы HTML5 Web память HTML5 Web SQL HTML5 кэш приложений HTML5 Web Workers HTML5 SSE HTML5 WebSocket HTML5 викторина HTML(5)Спецификация Код

HTML средства массовой информации

HTML средства массовой информации(Media) HTML Виджет HTML аудиочастота(Audio) HTML видеоплеер(Videos) HTML примеров

HTML справочное руководство

HTML список Теги(в алфавитном порядке) HTML список Теги(функция сортировки) HTML свойство HTML событие HTML холст HTML аудиочастота/видео HTML эффективный DOCTYPES HTML название цвета HTML Выбор цвета HTML Набор символов HTML ASCII HTML ISO-8859-1 HTML символ HTML URL кодирование HTML таблица условных сигналов HTTP новости HTTP способ Сочетания клавиш

Интернет-хранилище HTML5

HTML5 веб хранения, лучше, чем печенье локального хранилища.


Что такое HTML5 веб хранения?

С помощью HTML5 можно просматривать данные, хранящиеся локально на пользователя.

Ранее локальное хранилище с использованием куки. Но веб-безопасности и хранения данных нуждается в более быстро. Эти данные не будут храниться на сервере, но данные только для данных, запрошенных пользователем на сайте. Он также может хранить большие объемы данных, не влияя на производительность сайта.

Данные в виде пар ключ / значение существуют данные веб-страницы разрешено только для использования веб-доступа.


Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 8+, Firefox, Opera, Chrome, Safari и поддержка Web Store.

Примечание: Internet Explorer 7 и более ранних версиях IE не поддерживает интернет - магазина.


LocalStorage и sessionStorage

Два объекта, хранящиеся в данных клиента является:

  • LocalStorage - нет времени хранения данных ограничения
  • sessionStorage - хранение данных для сессии

Перед использованием веб-хранилище, проверить поддержку браузера и LocalStorage sessionStorage:

если (TYPEOF (хранение)! == "неопределенные") { // Да! Объекты поддержки LocalStorage sessionStorage! // Некоторый код ..... } еще { // К сожалению! Не поддерживает интернет - магазина. }


LocalStorage объекта

Нет времени хранения данных LocalStorage ограничение объекта. На следующий день, после второй недели, или в следующем году, данные по-прежнему доступны.

примеров

. LocalStorage Lastname = "Smith", документ getElementById ( "результат") innerHTML = "Фамилия:" ... + LocalStorage Lastname;

Попробуйте »

Примеры анализа:

  • Используйте ключ = "Lastname" и значение = "Smith" создать ключ LocalStorage пар / значение
  • Индексирование ключ для "LastName" значение, а затем вставляет = элемент ID "результат" в

Подсказка: пар ключ / значение, как правило , хранится в виде строки, вы можете в соответствии с их нужно преобразовать формат.

Следующий пример показывает, сколько раз пользователь нажимает на кнопку, чтобы преобразовать значение строки цифрового кода типа:

примеров

если (LocalStorage. ClickCount) { . LocalStorage ClickCount = Number (LocalStorage ClickCount .) + 1;} еще { . LocalStorage ClickCount = 1;} .. Документ getElementById ( "результат" ) innerHTML = " Вы нажали на кнопку" + LocalStorage ClickCount + "раз.";

Попробуйте »


объекты sessionStorage

Метод sessionStorage для сеанса для хранения данных. Когда пользователь закрывает окно браузера, данные будут удалены.

Как создать и получить доступ к sessionStorage ::

примеров

если (SessionStorage. ClickCount) { . SessionStorage ClickCount = Number (sessionStorage ClickCount .) + 1;} еще { . SessionStorage ClickCount = 1;} .. Документ getElementById ( "результат" ) innerHTML = " В этом разговоре , что вы нажали кнопку" + sessionStorage ClickCount + "раз.";

Попробуйте »