- •История развития 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 - это язык сценариев, который позволит вам использовать программирование для ваших веб-страниц. Но есть и более серьезные сферы применения данного языка:
- Определение браузера (Определение того, каким веб-обозревателем пользуется посетитель вашего сайта).
- Применение так называемых "Cookies" (Сохранение информации на компьютере посетителя вашего сайта и последующее ее считывание в автоматическом режиме при повторном визите человека на ваш сайт).
- Контроль браузера (Открытие страниц в окнах, настроенных определенным образом, когда вы можете указать, будут ли отображаться кнопки навигации браузера, меню и строка состояния).
Способы встраивания JavaScript кода в страницы сайта:
вставка ссылкой (A HREF="JavaScript:ТУТ_БУДЕТ_ВАШ_КОД">...</A>)
использование событий
подстановка
контейнер <SCRIPT></SCRIPT>
Строка JavaScript заканчивается точкой с запятой. Когда вы вводите текст, который будет обрабатываться javascript, вы всегда должны вводить его внутри двойных кавычек (‘” ”). Всегда помните о том, что в javascript регистр имеет значение.
омментарии в JavaScript.
Для создания однострочного комментария используется //
И для создания многострочного комментария используется /* */
Динамические Web технологии. Java Script, глобальные и локальные переменные, типы данных.
При использовании переменной, необходимо ее объявить, т.е. установить ее имя и тип. Для данной процедуры в JavaScript используется ключевое слово var.
Особенностью языка JavaScript является то, что объявление переменной может происходить и автоматически при присвоении им первого значения.
В JavaScript различают следующие типы данных:
целое число (тип integer);
число с плавающей запятой (тип real);
строка текста (тип string);
логическая переменная (тип boolean);
объект (тип object).
Можно сказать, что переменные в скриптах специально создаются с той целью, чтобы потом использовать в необходимых вычислениях и выводе результатов в окно браузера, диалоговое окно или же для подачи некоторого запроса. При работе с переменными необходимо учитывать их так называемую область видимости, т.е. эта часть программного кода сценария, в которой переменная объявлена и может быть использованы. Поэтому принять различать глобальные и локальные переменные. Глобальная переменная доступна везде, локальная — только в текущей области видимости.
Динамические Web технологии. Java Script, операции над числовыми и строковыми типами данных.
Операции над числовыми типами данных.
присваивание a = 20; сложение c = a + b; вычитание c = a - b; умножение c = a*b; деление c = a/b;
увеличение на определенное значение d += 5; (эквивалентно записи d = d + 5;)
уменьшение на определенное значение d -= 5; (эквивалентно записи d = d - 5;) увеличение на 1 d ++; уменьшение на 1.
Операции над строковыми типами данных.
присваивание strg1 = "Hello, "; объединение strg = strg1 + strg2; добавление текста strg += "world".
Определение длины строки - Длина строки определяется свойством length.
strg = "Hello, World";
document.write("длина строки " + strg.length + " символов")
Возвращение одного символа - Метод charA применяется для возвращения отдельного символа строки. Индексирование значения
строкового объекта начинается с 0. alpha.charA(0) A
Поиск подстроковой переменной - Для отыскания строковых переменных по содержащемуся в них тексту используется метод indexOf.
В приведенном ниже примере в значении объекта test ищется текст «hello»:
location = test.indexOf("hello");
