HTML5 за 10 минут

Ввод кнопки Вперед


С помощью функции window.history. forward() и кнопки Вперед можно также разрешить пользователю перемещаться вперед по предыстории браузера. Для того чтобы ввести эту кнопку в рассматриваемый здесь пример 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" уа1ие="Назад" onclick="back();">

<input type="button" value="Вперед" onclick="forward(); ">

<br>

<div id="length"x/div>

<br>

<div id="state"x/div>

<br>

</body>

</html>

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

<!DOCTYPE html>

<html>

<head>

<title>

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

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

{

window.history.back();

}

function forward()

{

window.history.forward();

}

</script>

</head>

<body onload="loader()">

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

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

<input type="button" value="Вперед" onclick="forward();">

<br>

<div id="length"x/div>

<br>

<div id="state"x/div>

<br>

</body>

</html>

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

Если теперь пользователь щелкнет на кнопке Вперед, в предыстории браузера произойдет переход на одну просматривавшуюся страницу вперед.

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