Научный руководитель: Вильданов Алмаз Нафкатович
к.ф.-м.н., Уфимский университет науки и технологий, Нефтекамский филиал, г. Нефтекамск
HTML (Hypertext Markup Language) – это язык разметки, используемый для создания веб-страниц. Он определяет структуру и содержимое веб-сайта, но не хранит информацию о пользователях. Для сохранения данных пользователей используются cookies.
Cookies в HTML – это небольшие текстовые файлы, которые хранятся на компьютере пользователя. Они содержат информацию о предпочтениях пользователя, такую как настройки сайта, последние просмотренные товары и т.д. Cookies позволяют сайту запоминать данные о пользователе при каждом посещении.
Сохранение значений с использованием Cookies – это процесс сохранения данных на компьютере пользователя, чтобы они могли быть восстановлены при последующем посещении веб-сайта. Это особенно полезно в случаях, когда требуется сохранить и использовать информацию, которую пользователь вводит на странице.
Преимущества использования Cookies для сохранения значений очевидны. Например, если пользователь заполнил форму на веб-сайте, но случайно закрыл окно или потерял соединение с Интернетом, без Cookies данные будут потеряны. Однако, если значения сохранены в Cookies, они могут быть восстановлены при следующем посещении.
Процесс сохранения значений с использованием Cookies довольно прост. В HTML, JavaScript используется для работы с Cookies. При заполнении формы, значение каждого поля может быть сохранено в Cookies с помощью JavaScript.
Для сохранения значений с использованием Cookies необходимо выполнить следующие шаги:
1. Создание и установка Cookies:
Вначале необходимо создать новый объект Cookies с помощью конструктора Document.cookie. Но это не просто свойство данных, а акcессор (геттер/сеттер). Присваивание к нему обрабатывается особым образом. Запись в document.cookie обновит только упомянутые в ней куки, но при этом не затронет все остальные. Например, этот вызов установит куки с именем user и значением John(Рисунок 1):
Рисунок 1.
2. Получение значений Cookies:
Для получения значения Cookies, необходимо прочитать свойство document.cookie.
Значение Cookies будет представлено в виде строки, разделенной точкой с запятой “;”.
Чтобы получить конкретное значение Cookies, необходимо выполнить дополнительные действия, такие как использование регулярных выражений или разбиение строки на отдельные части.
3. Обновление значений Cookies:
Для обновления значения Cookies необходимо выполнить те же шаги, что и при создании нового значения.
Однако, при этом необходимо указать те же самые параметры, которые были установлены при создании Cookies, такие как путь, истекающее время и домен.
4. Удаление значений Cookies:
Чтобы удалить значение Cookies, необходимо установить срок его действия на прошедшую дату или вызвать метод
document.cookie = “username=;
expires=Thu, 01 Jan 1970 00:00:00 UTC;
path=/”.
Это удалит Cookies с именем “username”.
Рассмотрим пример использования cookies в программе, вычисляющей сумму двух чисел (Рисунок 2):
Рисунок 2
Для сохранения Cookies вызываются функции set_cookie, которые записывают значения переменных U и R в куки браузера (Рисунок 3):
Рисунок 3
Чтобы переменные получили значения cookies, используют функцию get_cookie (Рисунок 4):
Рисунок 4
Добавим кнопку «Удалить куки» с помощью onclick=”DelCook()”(Рисунок 5):
Рисунок 5
Важно отметить, что сохранение значений с использованием Cookies имеет некоторые ограничения, такие как ограниченное место для хранения, необходимость включенных Cookies в браузере пользователя и возможные проблемы с безопасностью. Более надежными альтернативами могут быть использование баз данных или локальное хранилище веб-браузера.
В заключение, сохранение значений с использованием Cookies в HTML – это удобный и популярный способ сохранения данных на компьютере пользователя. Они позволяют веб-сайтам восстанавливать информацию при повторном посещении и облегчают работу пользователя. Однако необходимо учитывать ограничения и безопасность при использовании Cookies.
Библиографический список
-
Куки, document.cookie [Электронный ресурс] Режим доступа - https://learn.javascript.ru/cookie
-
Получение значения cookie [Электронный ресурс] - https://studfile.net/preview/2873908/page:2/