
- •Лабораторная работа №_
- •Теоретические сведения.
- •Счетчик посещений странички
- •Ваш браузер уже 1 раз(а). Добро пожаловать на страничку!
- •Информация о посетителе странички
- •Отображение координат мышки
- •Выежающие полоски справа и слева
- •Цвет фона
- •Просмотр исходника html документа
- •Прокрутка странички
- •Защита странички паролем на ява скрипте для всех браузеров
- •Сообщение всегда на экране
- •Фраза дня
Лабораторная работа №_
Тема: Службы прикладного уровня. Web-сервис. Применение JavaScript при создании Web-страниц.
Цель работы:
На простейших примерах ознакомится с основами языка JavaScript; изучить основные функции, предопределенные переменные и свойства объектов языка JavaScript; получить навыки использования данных элементов при разработке Web-страниц.
Теоретические сведения.
Язык Java script- это обьектно-ориентированный язык, предназначенный для создания приложений в Интернете. Наиболее типичный пример- обработка Анкеты, заполненной пользователем:
проверка правильности входных данных,
выдача на экран сообщений,
переработка данных,
запись в файл,
отправка ответа пользователю и другие необходимые операции.
Язык JavaScript является системно-независимым и совместим между всеми типами компьютеров, работающими в Интернет. Программы на языке JavaScript влючаются в состав HTML документа и, фактически, этот язык может считаться расширением состава команд HTML. Поэтому для создания программ на JavaScript не требуется никаких дополнительных средств, необходим лишь браузер, поддерживающий JavaScript (Браузеры Netscape Navigator 2.0 и выше или Microsoft Internet Explorer).
Каждая вставка JavaScript в HTML- документе начинается командой <SCRIPT> с необязательным параметром LANGUAGE и заканчивается командой </SCRIPT>. Например, следующий фрагмент: <SCRIPT LANGUAGE="JavaScript"> document.write("Первый пример на JavaScript"); </SCRIPT> Выводит на зкран строку: Первый пример на JavaScript
Язык JavaScript основан на понятиях: обьект, аттрибут и функция. Обьекты- это, например, текущее окно (Window), текущий документ (document), кнопки (button, checkbox, select и др.), дата (date), обработки данных (number, array, math, string и др.). Аттрибут обьекта- это входное или выходное данное, например: - входное- document.lastModified - разработчик получает дату и время последней модификации документа, - выходное- document.fgColor - разработчик задает цвет текста документа. Функция выполняет определенные действия, например, document.write(parameter) выводит parameter в текущий документ. Каждый обьект имеет свой набор аттрибутов и функций. Внешне функция отличается от обьекта наличием скобок (). Кроме функций, принадлежащих обьектам, Вы можете создавать свои функции. Обычно функция создается при необходимости многократного вызова одной и той же последовательности команд. Тогда эта последовательность команд записывается в виде функции, и, вызывая эту функцию, мы тем самым вызываем всю группу команд.
Например, фрагмент: <SCRIPT LANGUAGE="JavaScript"> function Write3Lines() { document.write("Строка 1<BR>"); document.write("Строка 2<BR>"); document.write("Строка 3<BR>"); } for (var ind=0; ind < 4; ind++) { Write3Lines(); } </SCRIPT> Выводит на экран: Строка 1 Строка 2 Строка 3 Строка 1 Строка 2 Строка 3 Строка 1 Строка 2 Строка 3 Строка for означает следующее: - Оператор for- оператор цикла, начинающегося символом { и заканчивающегося символом }, - Переменная (var)- счетчик цикла, названная ind, - При первом выполнении цикла счетчик равен 0 (ind=0), - Цикл выполняется до тех пор, пока эта переменная не превышает 4 (ind < 4), - При каждом выполнении цикла его счетчик увеличивается на 1 (ind++). Предупреждение. Команды <BR> и <P> не являются командами JavaScript.
Примеры скриптов: