Программирование - это просто
Advertisement
Главная arrow Web-программирование arrow Уроки Java Script arrow Web-программирование: "Java Script(JS): Объект history."
25.04.2024 г.
Главное меню
Главная
Интернет магазин
Программные продукты
Биржевые роботы
Искусственный интеллект
Математика и информатика
1С:Предприятие
Уроки C#
Уроки Delphi
Уроки программирования
Web-программирование
Дизайн и графика
Компьютер для блондинок
Исходники
Статьи
Платный раздел
Рассказы про компьютеры
Хитрости и секреты
Системный подход
Размышления
Наука для чайников
Друзья сайта
Excel-это не сложно
Все о финансах
.
Web-программирование: "Java Script(JS): Объект history." Печать E-mail
Автор megabax   
21.07.2013 г.
Урок 13. Управление шрифтами в CSS New Page 1

Web-программирование: "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.

 

 

 
« След.   Пред. »
 
© 2024 Программирование - это просто
Joomla! - свободное программное обеспечение, распространяемое по лицензии GNU/GPL.
Русская локализация © 2005-2008 Joom.Ru - Русский Дом Joomla!
Design by Mamboteam.com | Powered by Mambobanner.de
Я принимаю Яндекс.Деньги