Нижегородский файловый портал
RSS - каналы
Главное меню
Категории каталога
Мои статьи [5]
Школа покера [5]
Софт [40]
Радиолюбителям и электрикам [8]
Интернет [167]
Система [89]
Комплектующие ПК [47]
Безопасность [56]
Программирование [18]
Веб-дизайнеру [5]
Игры [6]
Полезные советы [24]
Кулинария [1]
Телефония [10]
Мобильник [17]
Планшеты [14]
Медицина [5]
Работа [4]
Домашнему мастеру [0]
Строительство и ремонт [19]
Для сада и огорода [2]
Юмор и приколы [12]
Интересное [114]
Пластики [3]
Разное [238]
Мини-чат
Правила мини-чата



Мини-чат в окне
Погода в Нижнем
Яндекс.Погода
Главная » Статьи » Программирование

Онлайн-учебник JavaScript (Часть 6)
История посещений (Javascript history)

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

Сразу нужно сказать, что современные браузеры не позволяют получить полный доступ к истории посещений, но обо всем по-порядку.

В каждом современном браузере реализована возможность работать с историей посещений. Используя историю посещений Вы можете без труда зайти на страницу, на которой были несколько дней или даже месяцев назад.

JavaScript позволяет управлять всеми особенностями поведения браузера и как Вы уже наверное догадались, история посещений (Javascript history) не является исключением.

В JavaScript история посещений организована, как объект класса history. Этот объект представляет собой массив, содержащий информацию о посещенных пользователями страницах.

В целях безопасности данных браузеры не позволяют программисту получить целиком URL адреса посещенных сайтов, а только их индексы (первый, второй ... двадцатый и т.д.).

Но надо сказать, что эту схему защиты несложно обойти, используя конструкторы объектов.

Но не будем отвлекаться и посмотрим на небольшой пример:

<FORM>
<INPUT TYPE=button VALUE="Назад" onClick=history.back()>
</FORM>

Данный пример не таит в себе абсолютно никаких трудностей. Вся изюминка заключается в использовании метода back() для объекта history.

Navigator javascript

Объект Navigator javascript содержит всю информацию об используемом в данный момент браузере.

Тип браузера (объект Navigator)

JavaScript позволяет нам определить тип используемого пользователем браузера. Знание браузера может оказаться очень полезным при создании программ, ориентированных на неукоснительное выполнение каких–либо инструкций браузером.

Ведь, как уже говорилось выше, некоторые браузеры имеют несколько различные DOM и не во всех браузерах одинаковые инструкции будут выполнены идентично.

Ввиду этого мы создаем программу, которая самостоятельно определяет тип используемого браузера и в зависимости от этого выполняет определенные инструкции, частные для различных браузеров.

Для определения используемого браузера используется объект navigator:

<FORM>
<INPUT TYPE=button
VALUE="Тип браузера"
onClick="window.alert(window.
navigator.userAgent);">
</FORM>

В данном примере используется свойство userAgent объекта navigator, которое позволяет определить тип используемого браузера.

После получения информации о браузере можно начинать построение скрипта, основываясь на полученных данных, но это уже тема для отдельного урока.

window.alert() – окно предупреждения

Метод Window.alert() позволяет вывести окно с сообщением. В предыдущих уроках нашего учебника мы не раз использовали этот метод, но тут мы остановимся на нем более подробно.

Использование данного метода позволяет корректировать поведение пользователя, например сообщить ему о неправильно введенных данных.

alert() является методом объекта window, позволяющим вывести на экран тревожное окно с содержанием определенного текста. Текст, правда выводится основным внутрисистемным шрифтом, поэтому для получения русского сообщения у пользователя должна быть русифицированная версия ОС.

Для создания тревожного окна необходимо написать очень простой JavaScript код:

<A HREF="javascript:window.alert('Я Вас предупреждал')"> Предупреждение</A>
Предупреждение

В данном примере используется схема 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() вызывает окно ввода, где пользователь может ввести некоторую строку, которую затем можно присвоить любой переменной и использовать по усмотрению программиста:

<FORM name="f2">
<INPUT TYPE=button
VALUE="Открыть окно ввода"
onClick="document.f2.elements[1].
value=window.prompt('Введите текст');">
<INPUT SIZE=30>

В примере при нажатии пользователем на кнопку вызывается обработчик события клика мышью, который в свою очередь, вызывает метод window.prompt(). Выводится диалоговое окно, где пользователь вводит текст, который присваивается текстовой строке, расположенной ниже.

Вообще, присваивание текста, введенного пользователем можно применить к большинству объектов и переменных в JavaScript.

Один из наиболее актуальных примеров использования этого метода является ввод пользователем своего имени и использование этого имени позднее при диалоге с ним.

window.open() - создаем окно

Метод window.open() позволяет создать новое окно в браузере средствами JavaScript. У создаваемого окна можно заранее настроить ряд параметров, таких, как:

    ширина
    высота
    полосы прокрутки
    поле статуса
    и т.д.


Для создания нового окна браузера служит метод window.open(), позволяющий создать новое окно с определенными параметрами. В общем виде вызов этого метода имеет вид:

window.open("URL","name","param", replace);

Рассмотрим небольшой пример:

<FORM name="f3">
<INPUT TYPE=button VALUE="Создать окно"
onClick="window.open('https://21nn.ru',
'НОВОЕ ОКНО','width=420,height=230,
resizable=yes,scrollbars=yes,status=yes');">
</FORM>

В нашем примере при нажатии на кнопку создать окно метод window.open() создает новое окно с размерами 420/230, с возможностью изменять его размер, с полосами прокрутки и со статус-баром.

При создании нового окна можно детально настроить особенности его отображения, для чего служат множество атрибутов.

Ниже приведен список наиболее используемых атрибутов метода window.prompt():

    replace – позволяет при открытии окна управлять записью в массив History
    param – список параметров
    width – ширина окна в пикселях
    height – высота окна в пикселях
    toolbar – создает окно с системными кнопками браузера
    location – создает окно с полем location
    directories – создает окно с меню предпочтений пользователя
    status – создает окно с полем статуса status
    menubar – создает окно с меню
    scrollbars – создает окно с полосами прокрутки
    resizable – создает окно, размер которого можно будет изменять

Добавил: Админ-21NN | Просмотров: 2811 | Рейтинг: 5.0/2


Обратите Ваше внимание на другие статьи:

Уважаемые пользователи, пожалуйста, оставляйте комментарии! Нам очень важно Ваше мнение!
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.

    
Меню пользователя
Аватар гостя

Приветствуем Вас, Гость

Логин:
Пароль:
Поиск по сайту
Поиск по названию
Поиск по тегам
Горячие темы форума
Стол заказов
поговорим о софте
Зарабатываем деньги
Детская игра Подарки...
Тест скорости подклю...
кое что о Windows
Кто ты, человек?
Новая валюта портала
Все о сексе
"Что мешает нам...
Культура
Афоризмы
Лучшие 13 анекдотов ...
как защитить свой ко...
восстановление данны...
Я ненавижу Дом-2
Волга-Телеком
Кулинария "Кокт...
Жалобы
С Днем Победы!!!
Прикольные картинки
С праздником Пасхи !...
Статистика
Новых за месяц: 130
Новых за неделю: 41
Новых вчера: 6
Новых сегодня: 3
Всего: 5499
Из них:
Администраторов: 6
$$$-Модераторов: 2
Модераторов: 5
Прокураторов: 5
-----------------
далее:
Проверенных: 260
Пользователей: 3034
Новичков: 1884
Заблокированных: 110
-----------------
Из всех пользователей:
Мужчин и парней: 4322
Женщин и девушек: 1176
Именинники
Поздравляем с Днем рожденья:

BuRGeN(33), 3ymmer(55), evgen007350(33), lexxusas(47), COMLEF(45), aleksa(23), quibus(24), ивваныч(48), hfrbltvjyekzk(61), wadim91(28), ZYX-FM(38)
Режим ON-LINE
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сейчас на портале:
Наша кнопочка
Нижегородский файловый портал

HTML-код кнопки:
Реклама
Размещение рекламы

Яндекс.Метрика
Регистрация сайта в каталогах, раскрутка и оптимизация сайта, контекстная реклама Ремонт холодильников в Нижнем Новгороде

Copyright © BankRemStroy © 2009-2019
x