HTML5 за 10 минут

Сохранение данных в текущем веб-сеансе


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

1.   Откройте HTML-документ из файла sessionstorage.html в избранном вами редакторе текста, например в Windows WordPad.

2.   Введите выделенный ниже полужирным код для связывания кнопки Сохранить с кодом функции sessionStoref), написанной на JavaScript.

<1DOCTYPE html>

<html>

<head>

<title>

Сохранение содержимого веб-страниц </title>

</head>

<body>

<hlСохранение данных в веб-сеансе</Ь1>

Данные: <input id="Data" type="text">

<input type="button" value="Сохранить" onclick="sessionStore();>

<input type="button" value="Получить"

<input type="button" уа1ие="0чистить"

</body>

</html>

3.   Введите выделенный ниже полужирным код для создания функции sessionStoref), которая сохраняет текстовые данные, введенные пользователем в текущем веб-сеансе.

<!DOCTYPE html>

<html>

<head>

<title>

Сохранение содержимого веб-страниц </title>

<script type="text/javascript"> function sessionStore()

{

var text = document.getElementById("Data").value; sessionStorage.setItem("Data", text);

}

</script>

</head>

<body>

<hlСохранение данных в веб-сеансе</Ь1>

Данные: <input id="Data" type="text">

<input type="button" value="Сохранить" onclick="sessionStore();">

<input type="button" value="Получить"

<input type="button" value="Очистить"

</body>

</html>

4.   Сохраните внесенные изменения в файле sessionstorage.html. Непременно сделайте это в текстовом формате. По умолчанию в текстовом редакторе WordPad выбирается расширенный текстовый формат RTF, непригодный для браузеров.

Таким образом, введенные пользователем данные будут сохранены в текущем веб-сеансе. А теперь необходимо восстановить их на веб-странице после возврата к ней.

Комментарии закрыты