Книга: HTML, XHTML и CSS на 100%

Объект History

Объект History

Объект History является частью объекта Window. Он содержит информацию о посещенных пользователем веб-страницах за текущий сеанс путешествия по Сети. Эти URL-адреса можно загружать снова, то есть передвигаться по истории посещений. Основной целью объекта History является доступ к списку введенных в браузере адресов URL.

Внимание!

Поскольку объект History является частью объекта Window, доступ к нему осуществляется именно через этот объект: window, history, length.

У объекта History всего одно свойство – length. Оно определяет количество посещенных веб-страниц за текущий сеанс работы в браузере. Сценарий из листинга 10.14 показывает, сколько страниц вы посетили за сеанс.

Листинг 10.14. Определение количества посещенных веб-страниц

<html>

<head>

<title>Количество посещенных страниц</title>

</head>

<body>

<script language=JavaScript>

<!– Маскировка сценария

function hislen() //функция

{

alert(window.history.length)

}

// Конец маскировки сценария –>

</script>

<!– Элементы страницы –>

<input type="button" value="Показать количество посещенных страниц">

</body>

</html>

Данный сценарий содержит функцию hislen(), вызывающую окно Alert при нажатии кнопки формы. В окне отображается количество веб-страниц, посещенных за текущий сеанс работы с браузером. Если вы запускаете сценарий с жесткого диска, не удивляйтесь, если количество посещенных страниц будет равно нулю (рис. 10.13).


Рис. 10.13. Окно с указанием количества посещенных веб-страниц

Передвигаться по истории и загружать ранее посещенные пользователем веб-страницы позволяют следующие методы объекта History:

• go() – загружает веб-страницу с определенным номером относительно страницы, открытой в данный момент в браузере (текущая страница имеет индекс 0, предыдущая– 1, посещенная до этого страница–2 и т. д.);

• back() – загружает предыдущую веб-страницу, посещенную пользователем (эквивалентно go(-1));

• forward() – загружает следующую веб-страницу из списка истории, если таковая имеется (эквивалентно go(1)).

Например, чтобы перейти на две страницы назад, можно использовать сценарий из листинга 10.15.

Листинг 10.15. Перемещение по истории посещений

<html>

<head>

<title>Перемещение по истории посещений</title>

</head>

<body>

<script language=JavaScript>

<!– Маскировка сценария

function goback() //функция

{

window.history.go(-2)

}

// Конец маскировки сценария –>

</script>

<!– Элементы страницы –>

<input type="button" value="Перейти на 2 страницы назад">

</body>

</html>

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


Рис. 10.14. Кнопка для запуска функции

Используя методы объекта History, вы сможете организовать удобную систему навигации по сайту. Учтите, что для этого пользователь должен просматривать все страницы вашего сайта в одном окне браузера. Как только какая-либо из страниц будет открыта в новом окне, история посещений применительно к этому окну браузера начнется с нуля.

Оглавление книги


Генерация: 0.792. Запросов К БД/Cache: 3 / 0
поделиться
Вверх Вниз