Главная Интернет WEB-учебник JavaScript


Интернет клуб

Новая страница
Описание html
Javascript

Что такое JavaScript
Обьект "Document"
Обработка событий
Обработка событий (Продолжение)
Обработка даты
Определение браузера
Операции с мышкой
Создание новых окон
Бегущая строка
Переход по выбору

Java в примерах
Полезные сайты
Задайте вопрос










Web-учебник. Раздел 3. Javascript.

Что такое JavaScript







Язык JavaScript - это обьектно - ориентированный язык, предназначенный для создания приложений в Интернет.
Наиболее типичный пример - обработка Анкеты, заполненной пользователем :

  • проверка правильности входных данных,
  • выдача на экран сообщений,
  • переработка данных,
  • запись в файл,
  • отправка ответа пользователю,
  • и другие необходимые операции.
Язык JavaScript является системно-независимым и совместим между всеми типами компьютеров , работающими в Интернет.
Программы на языке JavaScript включаются в состав HTML документа и , фактически , этот язык может считаться расширением состава команд HTML.
Поэтому для создания программ на JavaScript не требуется никаких дополнительных средств , необходим лишь браузер, поддерживающий JavaScript (Браузеры Netscape Navigator 2.0 и выше или Microsoft Internet Explorer) и редактор для создания HTML документов.

Каждая вставка в JavaScript в HTML - документе начинается командой <SCRIPT> с необязательным параметром LANGUAGE и заканчивается командой </SCRIPT>
Например, следующий фрагмент:

<SCRIPT LANGUAGE="JavaScript">
document.write("Наш первый пример на JavaScript");
</SCRIPT>

Выводит на зкран строку:

JavaScript очень удобен для создания и отладки Web-страниц.
Я не собираюсь приводить в данном разделе полное описание языка,
я хочу на простейших примерах познакомить начинающих Web-мастеров с основами языка, а дальше - пожалуйста, есть много учебников (см. , например , библиографию в конце).
Язык JavaScript основан на понятиях: обьект, аттрибут и функция.
Обьекты - это , например, текущее окно (Window), текущий документ (document), кнопки (button, checkbox, select и др.) , дата (date), обработки данных (number, array, math, string и др.).
Аттрибут обьекта - это входное или выходное данное, например:
- входное - document.lastModified - разработчик домашней страницы получает дату и время последней модификации документа,
- выходное - document.fgColor - разработчик задает цвет текста документа.
Функция выполняет определенные действия, например, document.write(parameter) выводит parameter в текущий документ.
Каждый обьект имеет свой набор аттрибутов и функций.
Внешне функция отличается от обьекта наличием скобок ().

Кроме функций, принадлежащих обьектам, Вы можете создавать и свои функции. Обычно функция создается при необходимости многократного вызова одной и той же последовательности команд. Тогда эта последовательность команд записывается в виде функции, и ,вызывая эту функцию, мы тем самым вызываем всю группу команд.
Например, фрагмент:

<SCRIPT LANGUAGE="JavaScript">
document.write("Добро пожаловать на мою страницу!<br>");
document.write("Наш второй пример на JavaScript<br>");
document.write("И, надеюсь, не последний!<p>");

document.write("Добро пожаловать на мою страницу!<br>");
document.write("Наш второй пример на JavaScript<br>");
document.write("И, надеюсь, не последний!<p>");

document.write("Добро пожаловать на мою страницу!<br>");
document.write("Наш второй пример на JavaScript<br>");
document.write("И, надеюсь, не последний!<p>");

document.write("Добро пожаловать на мою страницу!<br>");
document.write("Наш второй пример на JavaScript<br>");
document.write("И, надеюсь, не последний!<p>");

</SCRIPT>

повторяет 4 раза по 3 строчки и отображается следующим образом:

Исходный текст выглядит не самым привлекательным образом.
А если количество повторений больше?
Введем функцию, которую назовем Write3Lines, которая выводит 3 строки, и вызовем эту функцию 4 раза:

<SCRIPT LANGUAGE="JavaScript">
function Write3Lines() {
document.write("Добро пожаловать на мою страницу!<br>");
document.write("Наш второй пример на JavaScript<br>");
document.write("И, надеюсь, не последний!<p>");
}
Write3Lines();
Write3Lines();
Write3Lines();
Write3Lines();
</SCRIPT>

При выполнении получаем тот же результат:


Уже лучше. Но еще плохо.
Мы несколько раз повторили вызов функции Write3Lines().
Выполним этот оператор в цикле:

<SCRIPT LANGUAGE="JavaScript">
function Write3Lines() {
document.write("Добро пожаловать на мою страницу!<br>");
document.write("Наш второй пример на JavaScript<br>");
document.write("И, надеюсь, не последний!<p>");
}
for (var ind=0; ind < 4; ind++) {
Write3Lines();
}
</SCRIPT>

Теперь хорошо. Программистам на С все ясно. Лля тех, кто не знает С:
Строка for означает следующее:
- Оператор for - оператор цикла, начинающегося символом { и заканчивающегося символом },
- Переменная (var) - счетчик цикла , названная ind,
- При первом выполнении цикла счетчик равен 0 (ind=0),
- Цикл выполняется до тех пор, пока эта переменная не превышает 4 (ind < 4),
- При каждом выполнении цикла его счетчик увеличивается на 1 (ind++).

Предупреждение. Команды <br> и <p> не являются командами JavaScript, и их применение возможно только внутри литералов, как в вышеприведенных примерах, иначе возникает чертовщина в виде совершенно непонятных ошибок и появления предупреждающих окон JavaScript.

При отображении получаем тот же результат:


Выполним группировку примеров по обьектам.







  ©1996-2007   Megapolis Org   E-mail:   info@megapolis.org