- •История развития Web-технологий
- •К лассификация Web технологий
- •Статические Web технологии. Основы технологии html
- •Статические Web технологии. Таблицы html
- •Статические Web технологии. Фреймы html
- •Статические Web технологии. Формы html
- •Статические Web технологии. Основы технологии css
- •Внутренние стили. Определяются атрибутом непосредственно в элементе. Мало отличается от традиционного html. Внешний вид документа трудно изменить.
- •Статические Web технологии. Css свойства шрифта
- •Статические Web технологии. Css свойства текста
- •Статические Web технологии. Css свойства границ элементов
- •Статические Web технологии. Css свойства таблиц
- •Динамические Web технологии. Основы технологии Java Script
- •Динамические Web технологии. Java Script, глобальные и локальные переменные, типы данных.
- •Динамические Web технологии. Java Script, операции над числовыми и строковыми типами данных.
- •Динамические Web технологии. Java Script, массивы
- •Динамические Web технологии. Java Script, операторы условного перехода
- •Динамические Web технологии. Java Script, циклы
- •Динамические Web технологии. Java Script, объектная модель
- •Динамические Web технологии. Java Script, обработка событий
Динамические Web технологии. Java Script, массивы
Массив – это набор элементов, содержащих значения, сохраненный под одним именем. Массивы могут состоять из чисел, строковых переменных, объектов и других типов данных.
В отличие от большинства используемых в JavaScript типов данных, массивы необходимо объявлять перед использованием: scores = var Array(30);
Массив можно создать двумя способами, первый: создать массив с помощью литерала массива: var numbers = [4, 1, 2, 5]; Второй способ создания массива - вызов конструктора Array(): var b = new Array().
Доступ к элементам массива осуществляется с помощью оператора []. Элементы массива в JavaScript нумеруются, начиная с нуля. Чтобы получить нужный элемент массива, надо указать его номер в квадратных скобках. document.write(numbers[0] + ", "); //первый элемент массива
Все массивы, как созданные с помощью конструктора Array(), так и определенные с помощью литерала массива, имеют специальное свойство length, которое возвращает общее число элементов, хранимых в массиве. Поскольку массивы могут иметь неопределенные элементы (имеющие значение undefined), более точная формулировка звучит так: свойство length всегда на единицу больше, чем самый большой индекс (номер) элемента массива. Свойство length автоматически обновляется, оставаясь корректным при добавлении новых элементов в массив.
var v = new Array(); // v.length == 0 (ни один элемент не определен)
v = new Array(1,2,3); // v.length == 3 (определены элементы 0–2)
v = [4, 5]; // v.length == 2 (определены элементы 0 и 1)
document.write(v.length);
Самым простым способом очистить массив будет: foo.length = 0.Если свойство length сделать Оператор delete записывает в элемент массива значение undefined, при этом сам элемент продолжает существование. увеличивая массив до указанного размера. Метод Array.shift() удаляет первый элемент массива, pop() - последний элемент массива, метод splice() - один или диапазон элементов в любом месте массива.
JavaScript содержит метод sort(), используемый для сортировки элементов массива. Он возвращает упорядоченную версию исходного массива. Упорядочивание происходит как по алфавиту (для строковых значений), так и по возрастанию или убыванию (для числовых значений).
Динамические Web технологии. Java Script, операторы условного перехода
Оператор if (если).
Оператор if позволяет интерпретатору JavaScript выполнять те или иные действия в зависимости от условия. Синтаксис:
if (условие)
{ код, который выполняется, если условие выполнено }
else
{ код, который выполняется, если условие не выполнено }
Вложенный оператор if.
Оператор if является вложенным, если он находится внутри другого оператора if или else.
if(i) {
if(a) оператор 1;
if(b) оператор 2;
else оператор 3; //этот else ассоциирован с if(b)
}
else оператор 4; //этот else ассоциирован с if(i)
В дополнение к оператору if в языке JavaScript введена дополнительная конструкция, так называемое условное выражение: Переменная = (условие) ? если выполняется : если не выполняется;
Это выражение позволяет определить переменной одно из двух значений, например:
value = (a == 1) ? 1 : 0;
Также приведем его аналог с помощью оператора if: if (a == 1) value = 1; else value =0;
Оператор switch - Условный оператор switch позволяет задавать сразу целый блок условий:
switch(location) {
case "page1" :
document.write("это первая страница");
break;
case "page2" :
document.write("это вторая страница");
break;
case "page3" :
document.write("это третья страница");
break;
default :
document.write("страница не известна");
}
В данном случае, если переменная location принимает значение page1, то появляется сообщение «это
первая страница», если значение page2 – сообщение «это вторая страница», если не один из операторов case
не содержит правильных значений, то выполняется оператор default и появляется сообщение «страница не
известна». Оператор break используется для досрочного выхода из условного оператора switch.
