HTML5 за 10 минут

Ввод кнопки Назад


С помощью функции window.history.back() и кнопки Назад можно разрешить пользователю перемещаться назад по предыстории браузера. Для того чтобы ввести эту кнопку в рассматриваемый здесь пример HTML-документа pophistory.html, выполните следующие действия.

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

2.   Введите выделенный ниже полужирным код для создания новой кнопки Назад.

<!DOCTYPE html>

<html>

<head>

<title>

Предыстория просмотра веб-страниц </title>

</head>

<body onload="loader()">

<Ь1>Предыстория просмотра веб-страниц</Ь1> <input type="button" value="Ha3afl" onclick="back();">

<br>

<div id="length"x/div>

<br>

<div id="state"x/div>

<br>

</body>

</html>

3.   Введите выделенный ниже полужирным код для создания функции back, вызывающей функцию window.history.back() и активизирующей связанную с ней кнопку Назад.

<!DOCTYPE html>

<html>

<head>

<title>

Предыстория просмотра веб-страниц </title>

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

{

window.history.back();

}

</script>

</head>

<body onload=loader( )">

<111>Предыстория просмотра веб-страниц</Ь1>

<input type="button" value-Назад" onclick="back();">

<br>

<div id="length,x/div>

<br>

<div id="state"></div>

<br>

</body>

</html>

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

Теперь пользователь может щелкнуть на кнопке Назад, как показано, чтобы перейти на одну просматривавшуюся в браузере страницу назад. В частности, пользователь может перейти сначала на веб-сайт по адресу www.usatoday.com, как показано, а затем на страницу с примером HTML-документа pophistory.html. Если же он щелкнет на кнопке Назад, то произойдет возврат на начальную страницу веб-сайта по адресу www.usatoday.com.

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