- •Лабораторный практикум
- •Лабораторная работа №1 Основы разметки гипертекста html
- •Введение
- •Заголовки
- •Оформление текста
- •Создание списков
- •Гиперссылки
- •Изображения в html-документе
- •Задание 1.
- •Задание2.
- •Задание 3
- •Лабораторная работа №2 Создание таблиц в html-документах
- •Создание таблицы
- •Задание
- •Контрольные вопросы.
- •Лабораторная работа №3 Каскадные таблицы стилей
- •Введение
- •Внутренние таблицы стилей.
- •Встроенные таблицы стилей.
- •Структура правила.
- •Селекторы классов.
- •Универсальные селекторы.
- •Комментарии css.
- •Объединение css и html.
- •Элемент style.
- •Директива @import.
- •Задание 1.
- •Задание 2.
- •Задание 3.
- •Стандартные имена для фреймов
- •Специальные эффекты, получаемые с помощью атрибута target
- •Задание
- •Контрольные вопросы
- •Лабораторная работа №5 Формы
- •Введение
- •Элементы ввода данных
- •Многострочный текст, атрибуты текстовых элементов
- •Альтернативная кнопка, перегрузка атрибутов формы
- •Выбор из списка
- •Генерирование открытого и секретного ключей
- •Другие элементы форм
- •Атрибуты элементов ввода
- •Задание.
- •Контрольные вопросы.
- •Лабораторная работа №6 Объектно Ориентированное Программирование в JavaScript.
- •Основные понятия:
- •Объект.Метод("параметры метода")
- •Значение по умолчанию
- •Применяется к тегам
- •Событие onchange
- •Событие onclick
- •Событие ondblclick
- •Задание №1
- •Размещение JavaScript на html-странице
- •Типы данных
- •Объявления переменных
- •Переменные
- •Типы переменных
- •Массивы
- •Объекты JavaScript
- •Объект Array
- •Оператор цикла
- •Условные операторы
- •Объектная модель JavaScript
- •Объекты и Свойства
- •Функции и Методы
- •Определение Методов
- •Создание Новых Объектов
- •Использование this для Ссылок Объекта
- •Объектная модель браузера
- •Объект window
- •Лабораторная работа № 8 Изучение языка php
- •Общие правила построения php-программы
- •Задание
- •1. Вывод на экран и переменные в рнр.
- •2. Передача параметров по ссылке, передача параметров из формы (get и post -- запросы).
- •3. Динамическое формирование страницы.
- •4. Работа с файлами.
- •Лабораторная работа № 10 Работа вебсайта
- •Как еще можно прописать сайт в Денвере?
- •Лабораторная работа № 11 Файловый ввод/вывод
- •1) Классическая модель веб-приложения
- •2) Модель ajax
- •Лабораторная работа №12 Внедрение рисунков
- •1. Основные положения
- •Рисование прямоугольников
- •Рисование составных фигур Составные фигуры состоят из нескольких соединенных простых объектов (таких как линии, круги и т.Д.)
- •Структура программы выглядит следующим образом
- •С помощью свойства lineCap можно оформлять кончики линии
- •Можно создавать более сложные градиенты, которые изменяют цвет в нескольких точках.
- •Папоротник
- •Гипно-спираль
- •Вставка изображений
- •4. Вложение изображения с помощью data: url
- •Рисование изображений
- •Пример 1 использования изображения
- •Масштабирование
- •Пример 2 использования изображения
- •Разрезание изображений
- •Пример 3 использования изображения
- •Пример галереи
- •Javascript графика: Объект Image.
- •Javascript графика: src и lowsrc.
- •Изменение картинки.
- •Мультипликация в JavaScript. Мультипликация.
- •Запуск мультипликации
- •Запуск и остановка мультипликации
Определение Методов
Метод- функция, связанная с объектом. Метод определяется таким же образом, как и стандартная функция. Затем, используется следующий синтаксис, чтобы связать функцию с существующим бъектом:
object.methodname = function_name
где object - существующий объект,
methodname - имя, которое присвоено методу, и function_name- имя функции.
Можно вызывать метод в контексте объекта следующим образом:
object.methodname (params);
Создание Новых Объектов
И клиент и сервер JavaScript имеют строки предопределенных объектов. Кроме того, можно создавать собственные объекты. Создание собственного объекта требует двух шагов:
Определить тип объекта, написанной функции.
Создать образец объекта с new.
Чтобы определять тип объекта, необходимо создайть функцию для типа объекта, которая определяет его имя, и его свойства и методы. Например, пусть необходимо создавать тип объекта для автомобилей. Тип объектов будет назван car, и необходимо, чтобы он имел свойства для make, model, year, и color. Чтобы сделать это, необходимо написать следующую функцию:
function car(make, model, year) {
this.make = make;
this.model = model;
this.year = year;
}
Замечание, используйте this, чтобы присвоить значения свойствам объекта, основанные на значениях функции. Теперь можно создавать объект, с именем mycarследующим образом:
mycar = new car("Eagle", "Talon TSi", 1993);
Объект может иметь свойство, которое является самостоятельным другим объектом. Можно определять методы для типа объекта включением определение метода на определении типа объекта. Например, пусть есть набор файлов изображений GIF, и необходимо определить метод, который показывает информацию для car, наряду с соответствующим изображением. Для этого необходимо определить функцию типа:
function displayCar() {
var result = "A Beautiful " + this.year
+ " " + this.make + " " + this.model;
pretty_print(result)
}
Где pretty_print- предопределенная функция, которая показывает строку. Используйте this, чтобы обратиться к объекту, который принадлежит методу.
Далее необходимо определить функцию методом из car, прибавляя утверждение
This.displayCar = displayCar;
к определению объекта. Так, полное определение carтеперь выглядит так:
function car(make, model, year, owner) {
this.make = make;
this.model = model;
this.year = year;
this.owner = owner;
this.displayCar = displayCar;
}
Новый метод можно вызывать следующим образом:
car1.displayCar ()
car2.displayCar ()
Использование this для Ссылок Объекта
JavaScriptимеет специальное ключевое слово,this, которое используется, чтобы обращаться к текущему объекту. Например, есть функция с именемvalidate , которая проверяет правильность свойства значения объекта, данного объект, и high и low значения:
function validate(obj, lowval, hival) {
if ((obj.value < lowval) || (obj.value > hival))
alert("Invalid Value!")
}
Вызывать validate можно в каждом элементе формы обработчика событий onChange, используяthis, как показано в следующем примере:
< INPUT TYPE = "text"
NAME = "age"
SIZE = 3
onChange="validate(this, 18, 99)">
Вообще, метод thisобращается к вызывающему объекту.
Объектная модель браузера
С программистской точки зрения браузер представляет собой следующую иерархию объектов:
Рисунок 3.1