Во время интерпретации HTML-документа браузером создаются объекты JavaScript. При создании сценариев объекты языка JavaScript используются в качестве основных инструментальных средств. Многие свойства объектов определяются значениями параметров тегов языка HTML. Структура документа отражается в иерархической структуре объектов, соответствующих HTML-тегам.
Для каждой страницы создается один объект document, некоторые его свойства соответствуют параметрам тега <BODY>: bgColor, fgcolor, linkcolor, alinkcolor, vlinkColor. Методы write и writeln записывают в документ текст, задаваемый параметром.
Если документ содержит изображения, то доступ к объекту, определяющему изображение, можно получить с помощью переменной, указанной в параметре name тега <img>, как мы и поступали ранее. Объект image имеет свойство images, которое содержит ссылки на все изображения, расположенные в документе. Ссылки перенумерованы, начиная с нуля. Доступ к первому изображению можно получить с помощью составной конструкции document, images [0], КО второму — document. images [1]. Если на странице пять изображений, то доступ к последнему изображению можно получить, Воспользовавшись ссылкой document. images [ 4 ].
|
|
Если на странице расположена форма, то все ее элементы являются подчиненными объектами этой формы. Тегу <FORM> соответствует объект form, являющийся подчиненным по отношению к объекту document. Доступ к форме можно осуществить с помощью значения, заданного в параметре name тега <FORM>. Объект form имеет свойство forms, в котором содержатся ссылки на все формы документа. Ссылки перенумерованы с нуля. Доступ к первой форме документа можно получить так: document.forms [0], ко второй — document, forms [1] и т. д. Вместо индекса в свойстве-массиве forms можно указывать строку, значение которой — имя переменной для формы. Все элементы формы порождают соответствующие объекты, подчиненные объекту родительской формы.
Рассмотрим примеры, в которых используются различные свойства объектов.
Напомним, что для встраивания изображений в HTML-документ служит тег <IMG>, имеющий обязательный параметр src, определяющий URL-адрес файла с изображением. Можно задавать размеры выводимого изображения. Значение параметра width определяет ширину изображения, значение параметра height — высоту изображения. Значения параметров ширины и высоты могут не совпадать с истинными размерами изображений, тогда при загрузке изображения автоматически выполняется перемасштабирование.
Изображение можно поместить в рамку. Для этого используется параметр border. Значением параметра должно быть число, определяющее толщину рамки в пикселах. По умолчанию рамка вокруг изображения отсутствует, если только изображение не является ссылкой.
|
|
Параметр alt определяет альтернативный текст. При наведении курсора мыши на изображение появляется комментарий.
Изменение параметров изображения
Необходимо написать сценарий, который для изображения в документе позволяет менять значения* параметров ширины и высоты, создавать рамку вокруг изображения- и задавать альтернативный текст.
Следующие свойства объекта image: border, width, height, alt соответствуют атрибутам тега <IMG>: border, width, height, alt. В сценарии следует предусмотреть ситуацию, когда значение какого-либо из параметров не задано. Доступ к объекту image осуществляется с помощью значения, указанного в параметре name тега <img>. В рассмотренных ранее примерах изменялись такие свойства изображения, как width, чтобы создавать эффект приближения или удаления рисунка, и свойство src при организации смены изображений в документе. Приведенный пример иллюстрирует некоторые параметры тега <IMG>. Можно изменять параметры и сразу видеть, как в зависимости от их значений меняется изображение. Сначала в тегах HTML-документа зададим значение параметра name, затем в сценарии получим доступ к различным элементам, используя значение параметра.
HTML-код представлен в листинге 3.1, а.