Перед появлением HTML5, если разработчику необходимо хранить небольшое количество данных на клиенте, его можно реализовать только через файлы cookie, но есть несколько недостаточных баллов для файлов cookie:
• Размер файлов cookie под каждым доменным именем ограничен 4 КБ.
• Cookie будет включать в каждый HTTP -запрос, который будет вызывать дубликаты данных.
• Cookie не имеет шифрования во время передачи сети, и есть скрытые опасности безопасности.
Функция веб -хранилища добавлена в HTML5. В настоящее время веб -хранилище получило поддержку Firefox, Opera, Chrome, основных браузеров Safari.
Введение в веб -хранилищеВеб -хранилище разделено на хранение сеанса и локальное хранилище:
Хранение сеанса: аналогично сеансу, период выживания данных, сохраненный с помощью хранилища сеанса, такой же, как и период сеанса. Локальное хранилище: данные, сохраненные локальным хранилищем, всегда были локально локально, если только пользователь или программа явно не ясны, эти данные будут существовать в том же духе.Объект Window предоставляет два атрибута SessionStorage и LocalStorage, которые представляют хранилище сеанса и локальное хранилище соответственно. Эти две функции и использование почти одинаковы, но они имеют разные периоды выживания для сохранения данных. Хранение предоставляет следующие атрибуты и методы (в качестве примера возьмите LocalStorage):
• LocalStorage.Length: Получите количество пар клавишных значений;
• localstorage.key (index): ключ для получения индекса индекса индекса;
• localstorage.getItem (ключ): получить значение, соответствующее указанному ключу;
• localstorage.setItem (ключ, значение): Сохраните указанную пару клавиш значений;
• localstorage.removeitem (ключ): удалить пару клавиш значения, соответствующую указанному ключу;
• localstorage.clear (): удалить все пары клавиш.
Следует отметить, что как ключ, так и значение должны быть строкой. Таким образом, некоторые данные, которые не являются строкой, мы можем преобразовать его в формат строки с помощью JSON и других методов.
Веб -хранение хранит несколько данных с JSONМы знакомы с основным использованием связанных атрибутов и методов с помощью небольшой программы:
• Основная информация о входе учащихся (включая количество чисел школ, имена, оценки, пол), используйте номер школы в качестве ключевого значения для хранения в местном хранилище;
• узнать основную информацию студентов через номер школы;
• Показать информацию всех студентов;
Прежде всего, мы разрабатываем HTML -страницу
XML/HTML -код копировать содержимое в буфер обмена