|
|
|
Интернет клуб
Новая страница
Описание 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.
При отображении получаем тот же результат:
Выполним группировку примеров по обьектам.
|
|
|
|
|
|