- •Часть I. Язык сценариев JavaScript 3
- •Часть II. Среда клиента 73
- •Часть III. Динамический html 95
- •Клиентское Web-программирование
- •Часть I. Язык сценариев JavaScript Урок 1. Модель клиент-сервер в Интернете Распределенные системы и приложения
- •Http-запрос
- •Http-ответ
- •Урок 2. Сценарии JavaScript в документах html Языки сценариев
- •Язык JavaScript
- •Основные положения синтаксиса
- •Размещение операторов языка на странице
- •Упражнения
- •Урок 3. Переменные и литералы
- •Числовой тип
- •Строковый тип
- •Булевый тип
- •Специальные типы данных
- •Переменные
- •Определение типа переменной
- •Упражнения
- •Урок 4. Выражения и операции
- •Арифметические операции
- •Логические выражения
- •Строковые операции
- •Комбинированные операции присваивания
- •Условная операция
- •Приоритет операций
- •Упражнения
- •Урок 5. Операторы
- •Операторы выбора
- •Операторы цикла
- •Упражнения
- •Урок 6. Функции
- •Упражнения
- •Урок 7. Встроенные объекты (1)
- •Объект Array
- •Объект Date
- •Объект Math
- •Объект String
- •Объект Function
- •Объект Boolean
- •Объект Number
- •Упражнения
- •Урок 8 Встроенные объекты (2) Объект Object
- •Стандартные функции верхнего уровня (объект Global)
- •Манипулирование объектами
- •Обработка ошибок
- •Упражнения
- •Урок 9. Создание собственных объектов
- •Упражнения
- •Часть II. Среда клиента Урок 10. Объектная модель ms Internet Explorer
- •Объект window
- •Объект navigator
- •Объект location
- •Объект history
- •Упражнения
- •Урок 11. Объекты доступа к странице и ее элементам Объект document
- •Объект body
- •Объект form
- •Упражнения
- •Урок 12. Обработка событий в ms Internet Explorer Обработчики событий
- •Вызов процедуры обработки события
- •Событийная модель
- •Объект event (ie)
- •Упражнения
- •Часть III. Динамический html Урок 13. Объектная модель документа dhtml
- •Структура документа
- •Иерархия объектов
- •Свойства и методы объектов
- •Упражнения
- •Урок 14. Примеры динамических страниц html Раскрывающийся список
- •Движущийся элемент
- •Динамическое изменение таблиц
- •Родственные отношения
- •Упражнения
- •Урок 15. Объектная модель документа dom
- •Узлы объектной модели dom
- •Перемещение по объектной модели
- •Изменение объектной модели документа
- •Упражнения
Упражнения
1. Видоизменить программу примера 14, добавив на страницу две кнопки — одну для открытия окна, другую для закрытия.
2. Создать страницу с кнопкой, при щелчке на которой окно будет смещаться на 20 пикселей по горизонтали и по вертикали.
3. При загрузке страницы запустить два процесса, отображающие каждый свое сообщение. На странице предусмотреть кнопку, при нажатии на которую отображается диалоговое окно с просьбой ввести идентификатор процесса. После его ввода процесс останавливается.
4. В цикле определить все свойства объектов navigator и location и отобразить их в браузере в виде таблиц:
название свойства |
значение |
... |
... |
5. Создать три страницы HTML. На первой странице расположена гиперссылка на страницу с именем history.html. На этой странице три кнопки: первая реализует метод back(), вторая метод forward() и третья метод go(). Также на этой странице должна быть гиперссылка на третью страницу HTML со ссылкой на history.html.
Загружаем первую страницу и переходим по ссылке на страницу history.html. С нее переходим по ссылке на третью страницу HTML и возвращаемся на страницу history.html нажатием кнопки Назад панели инструментов браузера.
Теперь при нажатии кнопок, реализующих методы back() и forward() мы должны попасть соответственно на первую и третью страницы, а при нажатии на кнопку, реализующую метод go(), в диалоговом окне следует указать на какую страницу мы хотим перейти (ее номер относительно текущей).
Урок 11. Объекты доступа к странице и ее элементам Объект document
Этот объект содержит информацию о текущей загруженной странице. Для каждой страницы создается один объект document.
Свойства
Часть свойств соответствуют атрибутам тега-контейнера <BODY>: background, bgColor, fgColor (атрибут text), linkColor (атрибут link), alinkColor (атрибут alink) и vlinkColor (атрибут vlink). Другие свойства не соответствуют атрибутам указанного тега. Например, URL хранит адрес загруженного документа, parentWindow предоставляет ссылку на окно-родитель.
Семейства
all |
Содержит ссылки на все объекты, представляющие элементы HTML |
anchors |
Содержит объекты, соответствующие тегам <A NAME="..."> в порядке их появления в документе |
applets |
Содержит объекты, соответствующие тегам <APPLET> в порядке их появления в документе |
embeds
|
Содержат объекты, соответствующие тегам <EMBED> в порядке их появления в документе |
forms |
Содержит объекты, соответствующие тегам <FORM> в порядке их появления в документе |
images |
Содержит объекты, соответствующие тегам <IMG> в порядке их появления в документе |
links |
Содержит объекты, соответствующие тегам <AREA HREF="..."> и <A HREF="">, а также объекты link, созданные методом link() в порядке их появления в документе |
scripts |
Содержит объекты, соответствующие тегам <SCRIPT> |
styleSheets |
Содержит объекты styleSheet, соответствующие всем каскадным таблицам стилей, ассоциированных с документом как через теги <LINK>, так и через теги <STYLE> |
Этот объект используется наиболее часто в связи с его двумя полезными методами write() и writeln(), которые записывают в документ информацию, и тем самым, позволяют динамически его создавать.
У него есть и другие полезные методы, связанные с динамическим созданием элементов HTML и добавлением их в объектную модель документа, но об этом подробнее при рассмотрении объектной модели документа DOM.
