2015-05-13
649
Во время интерпретации 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, а.
