Видео: HTML5 localStorage - как сохранить данные на клиенте? 2025
С HTML5 вы можете записать до 5 МБ данных в специальный файл на клиентском компьютере. Все страницы, которые поступают из вашего домена совместно использовать одну и ту же область хранения, чтобы вы могли использовать этот механизм для постоянного хранения данных между несколькими страницами. Данные также сохраняются на клиентской машине (пока вы ее не удалите), поэтому ее можно использовать для отслеживания информации с течением времени. > Сначала вы пишете код для хранения и получения информации. Например, фрагмент кода, который хранит и извлекает имя пользователя, выглядит следующим образом:
Процесс поиска довольно прост:
Получить значение.
-
Как правило, вы создадите переменную с тем же именем, что и ключ. Попробуйте извлечь значение из объекта localStorage с помощью метода getItem (). Получение данных подобно проверке книги из библиотеки.
-
Если ключ не существует, значение будет равно нулю. Если это так, сделайте что-нибудь, чтобы добавить значение. Обратите внимание, что некоторые браузеры ищут значение «null» (строковое значение), а некоторые фактически используют ключевое слово null (без кавычек, потому что это ключевое слово). Используйте специальный оператор || (или) проверить любую возможность.
Измените переменную.
-
Ваш код, скорее всего, изменит эту переменную.
-
База данных localStorage отделена от ваших переменных. Это зависит от вас, чтобы обновлять любые данные, которые вы хотите сохранить. Используйте метод setItem () для сохранения данных. Это похоже на возвращение книги в библиотеку.
