 |
Задание 4 для самостоятельного выполнения.
|
|
|
|
Задание 4 для самостоятельного выполнения.
Введите тексты приведенных примеров в HTML - редактор (одна страница для каждого примера). Посмотрите, как выглядят элементы в окне Internet Explorer. Покажите работающие примеры преподавателю и сохраните их в своей личной папке.
Объектная модель браузера IE
При использовании свойств и методов размещенных на форме элементов управления (объектов) необходимо соблюдать определенные правила.
При загрузке Internet – страницы в компьютер программа – браузер (в нашем случае Internet Explorer) осуществляет представление этой страницы на экране монитора (HTML - код страницы Интерпретируется браузером, который формирует представление на экране), при этом скрипты интерпретируются с помощью встроенного в IE – интерпретатора скриптовых языков.
При выполнении скриптов, web-странице ставится в соответствии программная модель, иерархической моделью объектов IE, фрагмент которой показан на рис. 10.
Рис. 10.
На рисунке видно, что объект «Форма» (Form), которую мы определяем в скрипте, находится на предпоследнем сверху вниз уровне. Элементы управления, которые мы рассматриваем, находятся на самом нижнем уровне (Element). Для доступа к этим объектам и использования их свойств и методов необходимо в программе использовать полный путь в соответствии с иерархией модели сверху вниз по иерархии к объекту.
Элементы управления (Elements) организованны в виде коллекции объектов. Коллекция — это способ группировки набора связанных объектов.. Коллекции широко используются для создания иерархической структуры объектов. Можно привести пример известной иерархической структуры объектов в Excel (рис. 11):
Рис. 11
В качестве значения свойства объект верхнего уровня может включать ссылку на коллекцию объектов более нижнего уровня, объект из этой коллекции, в свою очередь, может ссылаться на другую коллекцию объектов и т. д. до самого нижнего уровня.
|
|
|
В иерархической структуре объектов Excel объект Application порождает коллекцию книг (Workbooks), состоящую из отдельных книг (Workbook), каждая книга порождает коллекцию листов (Sheets), состоящую из отдельных листов (Sheet) и т. д. Обратите внимание, что коллекция и элемент (объект) коллекции в иерархии на диаграмме имеют сходные названия, но имя коллекции записывается во множественном числе (буква «s» на конце).
Каждый объект имеет свойство, которое возвращает коллекцию объектов более низкого уровня иерархии. Такой механизм используется для прохода вниз по дереву от объекта самого верхнего уровня до объекта нижнего уровня.
Таким образом, как и в массиве, элементы коллекции имеют общее имя, но обращение к конкретному объекту коллекции производится или по индексу (как у массивов) или по ключу (имени отдельного элемента коллекции).
Таким образом, коллекция похожа на массив, элементами которого являются ОБЪЕКТЫ ( а не данные простых типов). Важным отличием коллекции от массива объектов является то что сама коллекция то же является объектом и кроме данных ( которыми будем считать множество элементов коллекции) имеет МЕТОДЫ и СВОЙСТВА.
Каждая коллекция имеет методы для добавления элементов (ADD) и удаления элементов (RemoveItem) и свойство COUNT – значение которого равно количеству элементов в коллекции.
Различные коллекции могут содержать в себе элементы (объекты) различных типов.
Коллекция Elements содержит ссылки на все управляющие элементы формы. Первый элемент коллекции объектов формы имеет индекс 0, далее 1, 2, …..
Приведенные ниже примеры иллюстрируют правило использования свойств и методов объектов (в приводимых примерах имя формы - Form1):
|
|
|
Window. Document. Form1. elements(индекс). Свойство – в этом примере для обращению к объекту форма используется имя формы - Form1 ( имя формы задается при её создании; тег < form> атрибут NAME = «Form1»), объект нижнего уровня (элемент управления) выбирается из коллекции элементов (elements) по его индексу.
Window. Document. forms(“Form1”). elements(индекс). Свойство - в этом примере для обращения к объекту форма используется имя коллекции форм (forms), в которой выбирается конкретная форма по ключу (имя Form1)
Вызов метода элемента управления:
Window. Document. Form1. elements(индекс). Метод
Обращение к свойству элемента управления:
Window. Document. Form1. elements(i*2+j). Value - используется свойство Value
Для упрощения текста программ (не писать каждый раз полный путь к объекту нижнего уровня) можно использовать объектную переменную: сохранить ссылку на некоторый объект на соответствующем уровне иерархии, а уже к нему присоединять объекты следующего уровня.
В примере показано, как это сделать:
|
|
|
