- •История развития 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, циклы
Цикл for - Оператор цикла for выглядит следующим образом:
for (i = 0; i < 100; i++)
document.write(i + " ");
Цикл while - Еще одним оператором цикла является оператор while. Внешне цикл while напоминает упрощенный вариант цикла for. Он содержит условие выполнения цикла, но не содержит ни инициализирующих, ни инкрементирующих выражений:
var n = 0;
while(n != 5){
document.write(n + " ");
n++; //если из кода убрать эту строку, то цикл будет бесконечным
}
Цикл do while - условие выполнения цикла располагается не перед, а после тела цикла:
var n = 0;
do{
document.write(n + " ");
n++;
}while(n != 5);
Большая часть программы находится в составе тела цикла. Ключевое слово do обозначает начало цикла. Затем, как и в других циклах, следует тело, обрамленное фигурными скобками. Завершает цикл условие выполнения, описываемое с помощью ключевого слова while. Это условие похоже на условие цикла while, но у него есть два отличия: оно располагается в конце цикла и завершается точкой с запятой (;).
Вложенные циклы - Как и при работе с условными операторами, циклы также могут иметь любое количество уровней вложенности.
for(var i = 0; i < 4; i++){
document.write("Часть внешнего цикла. <br>");
for(var j = 0; j < 2; j++){
document.write("Часть вложенного цикла. <br>");
}}
Динамические Web технологии. Java Script, объектная модель
С помощью JavaScript можно управлять внешним видом web-страницы и поведением браузера. Для этого в JavaScript включена специальная иерархическая система – объектная модель документа (DOM – Document Object Model).
Объекты window
Иерархическая структура объектов браузера начинается с объекта window. Он представляет окно
браузера.
Свойство window.status используется для изменения вида строки состояния.
Методы window.alert, window.confirm и window.prompt позволяют отображать диалоговые окна с разными запросами.
Фреймы также представляются объектами window.
Объект document представляет объект web-документа или web-страницы. Документы или страницы отображаются в окне браузера, поэтому объект document дочерний по отношению к объекту window. Изменения, проведенные с помощью объекта document, будут отображаться в окне браузера, а поэтому сказываться на объекте window.
Еще один дочерний объект объекта document – это link. В одном объекте document одновременно может существовать несколько объектов link. Одно из самых частых применений методов back и forward – это добавление на web-страницу соответствующих кнопок, позволяющих перемещаться по списку посещаемых страниц.
Объект location содержит сведения о документе HTML, который открыт в окне. Например, следующий оператор дает указание загрузить страницу в текущем окне: window.location.href=http://www.site.ru/page.htm
Объект event позволяет коду сценария получить больше информации о каком-либо событии,
происходящем в браузере.
