HTML5 за 10 минут

Полный исходный код HTML-документа sessionstorage.html


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

<!DOCTYPE html>

<html>

<head>

<title>

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

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

{

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

}

function sessionGet()

{

document.getElementById("Data").value = sessionStorage.getItem( •Data);

}

function sessionClear()

{

sessionStorage.removeItem("Data"); document.getElementByld("Data").value = "";

}

</script>

</head>

<body>

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

<br>

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

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

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

<input type="button" value="Очистить" onclick="sessionClear();">

<br>

</body>

</html>

Общее представление о локальном сохранении данных

Помимо глобального сохранения данных в текущем веб-сеан- се на стороне сервера, они могут быть также сохранены локально в самом браузере. В данной главе локальное сохранение данных будет продемонстрировано на примере HTML-документа localstorage.html4.

Как и в предыдущем примере HTML-документа sessionstorage. html, в данном случае пользователь может ввести некоторую информацию в текстовом поле, а затем щелкнуть на кнопке Сохранить, чтобы сохранить эту информацию в самом браузере. После этого пользователь может стереть информацию, введенную в текстовом поле, нажав кнопку Очистить.

Если же пользователь выберет кнопку Получить, то данные, сохраненные в самом браузере, будут восстановлены в текстовом поле.

На примере создания HTML-документа localstorage.html показывается, каким образом данные сохраняются и восстанавливаются локально из браузера в промежутках между последовательными доступами к веб-страницам только языковыми средствами JavaScript.

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