- •Министерство образования и науки Российской Федерации
- •Содержание
- •Введение
- •Лабораторная работа №9
- •Лабораторная работа №10
- •Расположение скрипта в html-документе
- •Понятие функции
- •Создание окон в JavaScript
- •Динамическое создание документов
- •Целые числа
- •Операторы языка
- •Условный оператор
- •Объектная модель
- •Анимация с использованием JavaScript
- •Лабораторная работа №11
- •Лабораторная работа №12
- •Список литературы
- •Вариант №1
Операторы языка
Цикл с параметрами записывается следующим образом:
for (нач_знач; условия; приращение)
//..блок операторов..
};
Данный цикл выполняется заданное количество раз. Начальные значения переменных цикла задаются выражением нач_знач. Условиязадают условия выхода из цикла и записываются в виде логических выражений. Выражениеприращениезадает изменение параметров цикла за одну итерацию.
Пример:
for (k=1;k<10;k+=2) {document.writeln("<br>K=",k);
};
for (i=0,j=2;i<10,j<5;i++,j++) {
document.writeln("<br>I=",i," J=",j)
};
Условный оператор
Последним важным оператором языка является условный оператор, который позволяет разветвить программу в зависимости от какого-либо условия. Записывается он следующим образом:
if (условие) {
// код для истинного условия
}
else
{
// код для ложного условия
};
Данный оператор также может быть записан более коротко без использования else:
if (условие) {
// код для истинного условия
};
Этот оператор используется очень часто и даже является составной частью циклов.
Объектная модель
Структура документа HTML, и вобщем-то сам язык, обязывает браузер иметь некую объектную модель, с помощью которой доступ ко всем объектам был бы прост.
В JavaScriptза областьhtmlдокумента отвечает объектdocument. Он также является самым главным среди всей иерархии объектов браузера, к которым Вы способны обратится посредством скрипта. Этот объект позволяет получить доступ ко всем элементам страницы, таким как формы, изображения, ссылки и т.д.
При создании страницы браузер нумерует все элементы и создает из них массив, хотя правильнее сказать такая структура предназначена для самого скрипта и облегчения работы с объектами. Давайте рассмотрим пример:
<html>
<body>
<img src=0.gif alt="images[0]"><br>
<img src=1.gif alt="images[1]"><br>
<img src=2.gif alt="images[2]"><br>
<form>
<input type=text>
</form>
<img src=3.gif alt="images[3]"><br>
<form>
<input type=text>
</form>
</body>
</html>
Из всего документа браузер создает несколько массивов объектов. Вот какие эти массивы:
Массив форм документа – forms.
Массив элементов формы – elements.
Массив элементов для выбора тега <select>–options.
Массив изображений документа – images.
Массив якорей документа – anchors.
Массив гиперссылок документа – links.
Каждый такой массив содержит в себе все соответствующие элементы документа. Нумерация в массивах начинается с 0. Чтобы получить, например, доступ к самому первому изображению в документе нужно составить такое имя:
document.images[0]
В примере выше, чтобы показать какое изображение какой имеет номер приписывался атрибут alt.
Для того чтобы облегчить доступ к объектам в htmlсуществует атрибут тегаname. Если Вы напишете так:
<img src=1.gif name=ris1 alt="images[1]">
То после такого определения тега изображения Вы сможете обращаться к изображению 1.gifдвумя способами:
document.images[1]
или
document.ris1
Как видите для простоты и мобильности правильнее будет использовать атрибут nameдля всех тегов, к которым впоследствии Вы планируете обращаться внутри сценариевJavaScript.