HTML5 за 10 минут

Восстановление данных из текущего веб-сеанса


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

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

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

<1DOCTYPE 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="Получить" onclick="sessionGetf);">

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

</body>

</html>

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

<1DOCTYPE html>

<html>

<head>

<title>

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

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

{

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

}

function sessionGet()

{

document.getElementById("Data").value = sessionStorage.getltem("Data");

}

</script>

</head>

<body>

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

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

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

<input type="button" value="Получить" onclick="sessionGet();">

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

</body>

</html>

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

Таким образом, введенные ранее данные восстанавливаются из текущего веб-сеанса.

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