Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Web-программирование - это просто!


Внимание! Акция! 300 рублей нахаляву!

Зарегистрируйтесь в партнерской программе easyprog.ru в период с 08.05.2013 по 08.06.2013 и получите сразу 300 рублей на свой партнерский счет. Партнерская программа easyprog.ru - зарабатывайте вместе с нами.

 

Новое на сайте Программирование - это просто! (www.easyprog.ru):

В платном разделе

В бесплатном разделе

Добрый день, уважаемые подписчики!

Тема сегодняшнего выпуска: «Java Script(JS): Объект history.

 

Для углубленного изучения web-программирования (язык PHP и написание своей собственной CMS) советую подписаться на платный раздел (см. анонсы раздела "Пишем Easy CMS").

 

Сегодня мы рассмотрим объект history. Этот объект позволяет просматривать историю посещений. Он имеет три метода:

  • back() - на страницу назад.

  • forward() -  на страницу вперед.

  • go(step) - впере или назад на указанное число страниц, если отрицательное число то назад.

Количество элементов в истории показывает свойство length. Вот пример иллюстрации использования этого объекта:

<html>

 

<head>

    <title>Урок 91. Java Script (JS): Объект history</title>

</head>

 

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

    function onLoagPage() {

        myDiv=document.getElementById("panel");

        myDiv.innerHTML="Панель навигации. В истории "+history.length+" записей";

    }

</SCRIPT>

 

<body OnLoad="onLoagPage()">

    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

        function gotostep(ASteps) {

            history.go(ASteps);

        }

        function back() {

            history.back();

        }

        function forward() {

            history.forward();

        }

    </SCRIPT>

    <div id="panel" align="center"></div>

    <input type="button" value="Три шага назад" onClick="gotostep(-3)">

    <input type="button" value="Два шага назад" onClick="gotostep(-2)">

    <input type="button" value="Шаг назад" onClick="back()">

    <input type="button" value="Шаг вперед" onClick="forward()">

    <input type="button" value="Два шага вперед" onClick="gotostep(2)">

    <input type="button" value="Три шага вперед" onClick="gotostep(3)">

</body>

 

</html>

 

 

А вот результат работы данного скрипта:

Тема сегодняшнего выпуска: «Java Script(JS): Объект history.

 

 

С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.

 


В избранное