Javascript history позволяет управлять историей посещений браузера, что может оказаться очень удобно в определенных ситуациях.
Сразу нужно сказать, что современные браузеры не позволяют получить полный доступ к истории посещений, но обо всем по-порядку.
В каждом современном браузере реализована возможность работать с историей посещений. Используя историю посещений Вы можете без труда зайти на страницу, на которой были несколько дней или даже месяцев назад.
JavaScript позволяет управлять всеми особенностями поведения браузера и как Вы уже наверное догадались, история посещений (Javascript history) не является исключением.
В JavaScript история посещений организована, как объект класса history. Этот объект представляет собой массив, содержащий информацию о посещенных пользователями страницах.
В целях безопасности данных браузеры не позволяют программисту получить целиком URL адреса посещенных сайтов, а только их индексы (первый, второй ... двадцатый и т.д.).
Но надо сказать, что эту схему защиты несложно обойти, используя конструкторы объектов.
Но не будем отвлекаться и посмотрим на небольшой пример:
Данный пример не таит в себе абсолютно никаких трудностей. Вся изюминка заключается в использовании метода back() для объекта history.
Navigator javascript
Объект Navigator javascript содержит всю информацию об используемом в данный момент браузере.
Тип браузера (объект Navigator)
JavaScript позволяет нам определить тип используемого пользователем браузера. Знание браузера может оказаться очень полезным при создании программ, ориентированных на неукоснительное выполнение каких–либо инструкций браузером.
Ведь, как уже говорилось выше, некоторые браузеры имеют несколько различные DOM и не во всех браузерах одинаковые инструкции будут выполнены идентично.
Ввиду этого мы создаем программу, которая самостоятельно определяет тип используемого браузера и в зависимости от этого выполняет определенные инструкции, частные для различных браузеров.
Для определения используемого браузера используется объект navigator:
В данном примере используется свойство userAgent объекта navigator, которое позволяет определить тип используемого браузера.
После получения информации о браузере можно начинать построение скрипта, основываясь на полученных данных, но это уже тема для отдельного урока.
window.alert() – окно предупреждения
Метод Window.alert() позволяет вывести окно с сообщением. В предыдущих уроках нашего учебника мы не раз использовали этот метод, но тут мы остановимся на нем более подробно.
Использование данного метода позволяет корректировать поведение пользователя, например сообщить ему о неправильно введенных данных.
alert() является методом объекта window, позволяющим вывести на экран тревожное окно с содержанием определенного текста. Текст, правда выводится основным внутрисистемным шрифтом, поэтому для получения русского сообщения у пользователя должна быть русифицированная версия ОС.
Для создания тревожного окна необходимо написать очень простой JavaScript код:
В данном примере используется схема URL–JavaScript, которая позволяет перехватить обработку события перехода по ссылке и вставить определенный JS код. В одном из первых уроков мы уже говорили об этой схеме.
Подобное тревожное сообщение мы с Вами уже создавали и не раз, поэтому никаких проблем возникнуть не должно.
window.confirm() - диалог с пользователем
Использование метода window.confirm() позволяет вести диалог с пользователем, основанный на JavaScript. Данный метод может быть очень полезен при создании интерактивных страниц сайта, адаптирующихся под конкретного пользователя.
confirm() является методом объекта window, позволяющим вести интерактивный диалог с пользователем и в зависимости от данного им ответа выполнять определенные действия.
Создадим программу, которая при помощи метода confirm() сможет определить желание пользователя и исполнить его:
<FORM name="f1">
<INPUT TYPE=button
VALUE="вызов диалога"
onClick="if(window.confirm('хотите
увидеть ВАШ ОТВЕТ в текстовом
поле снизу?')==true)
{
document.f1.elements[1].value='
ВАШ ОТВЕТ';
}
else
{ document.f1.elements[1].value='
ПУСТО)';
};">
<br>
<input type="text" name="el1">
<BR>
</FORM>
Данный метод позволяет организовать с пользователем полноценную беседу, тем самым подстроив работу сайта именно под его нужды. Работа многих сетевых программ основана на этом принципе.
А теперь разберем программу подробнее.
Создается форма, содержащая текстовый блок и кнопку. На кнопку мы устанавливаем обработчик событий onClick, перехватывающий нажатия мыши на эту кнопку.
При обнаружении обработчиком щелчка по кнопке управление передается методу window.confirm(), который генерирует диалоговое окно, содержащее введенный нами текст ('хотите увидеть ВАШ ОТВЕТ в текстовом поле снизу?') и два варианта выбора (ДА и НЕТ).
Если пользователь выбирает ДА, то window.confirm() возвращает true, в противном случае – возвращает false.
Все эти операторы находятся внутри условия if, которое проверяет возвращенное значение. И если было возвращено true, то на экран выводится ВАШ ОТВЕТ, в противном случае будет выведено ПУСТО).
window.prompt() - основы
Метод window.prompt() позволяет пользователю ввести информацию, которая может быть использована непосредственно в теле программы. Можно, например, запросить имя пользователя и использовать его постоянно в последующем диалоге с пользователем.
В общем, говоря прямо, у данного метода существует достаточно широкая сфера применения.
Метод работы с объектом window, window.prompt() вызывает окно ввода, где пользователь может ввести некоторую строку, которую затем можно присвоить любой переменной и использовать по усмотрению программиста:
В примере при нажатии пользователем на кнопку вызывается обработчик события клика мышью, который в свою очередь, вызывает метод window.prompt(). Выводится диалоговое окно, где пользователь вводит текст, который присваивается текстовой строке, расположенной ниже.
Вообще, присваивание текста, введенного пользователем можно применить к большинству объектов и переменных в JavaScript.
Один из наиболее актуальных примеров использования этого метода является ввод пользователем своего имени и использование этого имени позднее при диалоге с ним.
window.open() - создаем окно
Метод window.open() позволяет создать новое окно в браузере средствами JavaScript. У создаваемого окна можно заранее настроить ряд параметров, таких, как:
ширина высота полосы прокрутки поле статуса и т.д.
Для создания нового окна браузера служит метод window.open(), позволяющий создать новое окно с определенными параметрами. В общем виде вызов этого метода имеет вид:
В нашем примере при нажатии на кнопку создать окно метод window.open() создает новое окно с размерами 420/230, с возможностью изменять его размер, с полосами прокрутки и со статус-баром.
При создании нового окна можно детально настроить особенности его отображения, для чего служат множество атрибутов.
Ниже приведен список наиболее используемых атрибутов метода window.prompt():
replace – позволяет при открытии окна управлять записью в массив History param – список параметров width – ширина окна в пикселях height – высота окна в пикселях toolbar – создает окно с системными кнопками браузера location – создает окно с полем location directories – создает окно с меню предпочтений пользователя status – создает окно с полем статуса status menubar – создает окно с меню scrollbars – создает окно с полосами прокрутки resizable – создает окно, размер которого можно будет изменять
Новых за месяц: 130 Новых за неделю: 41 Новых вчера: 6 Новых сегодня: 3 Всего: 5499 Из них: Администраторов: 6 $$$-Модераторов: 2 Модераторов: 5 Прокураторов: 5 ----------------- далее: Проверенных: 260 Пользователей: 3034 Новичков: 1884 Заблокированных: 110 ----------------- Из всех пользователей: Мужчин и парней: 4322 Женщин и девушек: 1176
Всего: 5499
