HTML5 за 10 минут

Очистка локально сохраняемых данных


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

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

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

<!DOCTYPE html>

<html>

<head>

<title>

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

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

{

var data = document.getElementById("Data").value; localstorage.setltem("Data", data);

}

function localGet()

{

document.getElementByld!"Data").value = localstorage.getltem("Data");

}

</script>

</head>

<body>

<hl>Локальное сохранение данных в браузере</Ь1>

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

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

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

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

</body>

</html>

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

<!DOCTYPE html>

<html>

<head>

<title>

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

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

{

var data = document.getElementById("Data").value; localStorage.setItem("Data", data);

}

function localGet()

{

document.getElementById("Data").value = localStorage.getItem("Data");

}

function localClear()

{

localStorage.removeItem("Data”);

document.getElementById("Data").value = •

</script>

</head>

<body>

<hl>Локальное сохранение данных в браузере</Ы>

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

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

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

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

</body>

</html>

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

Теперь данные, сохраненные непосредственно в браузере, могут быть очищены.

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

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

<!DOCTYPE html>

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