HTML5 за 10 минут

Ввод кнопки Перейти


С помощью текстового поля, кнопки Перейти и функции window.history.go() можно разрешить пользователю ввести конкретное число страниц для продвижения по предыстории браузера вперед (положительное целое значение) или назад (отрицательное целое значение).

Для того чтобы ввести кнопку Перейти и текстовое поле в рассматриваемый здесь пример 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>

Число перемещаемых страниц: <input id="amount" type="text">

<input type="button" value="Перейти" onclick="go();"> <br>

<br>

<div id="length"x/div>

<br>

<div id="state"x/div>

<br>

</body>

</html>

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

<!DOCTYPE html>

<html>

<head>

<title>

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

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

{

window.history.back();

}

function forward()

{

window.history.forward();

}

function go()

{

var amount = document.getElementById("amount").value; window.history.go(amount);

}

</script>

</head>

<body onload="loader()">

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

<input type="button" value="Ha3afl" onclick="back();"> cinput 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, непригодный для браузеров.

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

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