- •Билет 1. Билет 7
- •Билет 2. Билет 8.
- •Билет 3. Билет 9. Билет 23.
- •Билет 4. Билет 10. Билет 24
- •Билет 5. Билет 11. Билет 27
- •Билет 6. Билет 12. Билет 28
- •Билет 13! Билет 19. Билет 31. Html. Структура документа, физическое и логическое форматирование, оформление абзацев и списков
- •Билет 14. Билет 20. Билет 32. Html. Рисунки и гиперссылки
- •Билет 15. Билет 25. Html. Использование и оформление таблиц
- •Билет 16. Билет 26. Html. Разбиение окна на фреймы
- •Билет 17. Html. Оформление документов с использованием css
- •Билет 18. Html. Типы css
- •Билет 21. Билет 29.
- •Билет 22
- •Билет 30 Структуры в языке с
- •Билет 33 Библиотека qt. Создание приложений в qt Creator.
- •Билет № 34 Библиотека qt. Работа со строками.
- •Билет 35 Использование JavaScript при оформлении динамических html страниц
- •Билет 36 Использование объектной модели документа (dom) в Java Script
- •Иерархия классов dom
- •Билет 37 Формы и их использование в JavaScript
- •Билет № 38 Объектная модель браузера и ее использование в JavaScript
Иерархия классов dom
Объектно-ориентированный язык программирования предполагает наличие иерархии классов объектов. В JavaScript такая иерархия начинается с класса объектов Window, т.е. каждый объект приписан к тому или иному окну. Для обращения к любому объекту или его свойству указывают полное или частичное имя этого объекта или свойства объекта, начиная с имени объекта, старшего в иерархии, в который входит данный объект
Объект Screen позволяет узнать (но, разумеется, не изменить) разрешение клиентского экрана и глубину цвета. Определив разрешение экрана, можно предусмотреть разные варианты компоновки страницы, устанавливать размеры и положение новых окон, открывающихся из сценария. Методы для этого объекта не определены, но определен ряд свойств. Наиболее полезные:
width - ширина экрана в пикселах;
height - высота экрана в пикселах;
availWidth - доступная ширина экрана в пикселах;
availHeight - доступная высота экрана в пикселах.
Объект Navigator дает информацию о версии браузера. В принципе, это можно использовать при создании "браузеронезависимого" сценария. Однако, зачастую более удобен другой подход, описанный в разделе "Определение возможностей клиентского JavaScript".
Объект Location дает доступ к URL документа, отображаемого в окне браузера. Позволяет определить полный URL, а также его части: протокол, доменное имя и т.д. В отличие от двух предыдущих объектов, его свойства доступны не только для чтения, но и для изменения. То есть, в зависимости от выполнения условий, определенных в сценарии, мы можем загрузить нужный документ как в текущее окно или его фрейм, так и в любое из окон, открытых из сценария. Этот объект имеет и два метода:
reload() перезагружает указанный в качестве аргумента документ;
replace() загружает указанный документ, который замещает текущий в списке истории просмотра.
Объект History имеет единственное свойство length (количество просмотренных в данном сеансе документов), и три метода, позволяющих перемещаться по истории просмотра:
back() - на один шаг назад по истории просмотра;
forward() - на один шаг вперед по истории просмотра;
go(n) - на n шагов по истории просмотра (если n >0, то вперед, если n <0, то назад).
Объект Document, его свойства и методы предоставляют наиболее богатые возможности для разработчика. Приведенная здесь схема иерархии объектов включает только основные свойства этого объекта, определенные в базовой объектной модели документа (Document Object Model Level 0 - DOM0). На поддержку этих свойств можно смело рассчитывать при использовании любого относительно современного браузера.
Массив frames[] дает доступ к документам, загруженным в фреймы.
Надо отметить, что разные браузеры, поддерживая рассматриваемую иерархию, предлагают и дополнительные свойства почти для каждого объекта. Посмотреть эти свойства можно в разделе "Все о свойствах объектов". Обилие этих свойств и их сравнение для разных браузеров наводит на размышления.
Задание:
<HTML>
<HEAD>
<TITLE>36 билет</TITLE>
</HEAD>
<BODY>
<TABLE width=30% BORDER="1" CELLSPACING="0" CELLPADDING="40%">
<TR>
<TD ROWSPAN="2" width=30%></TD>
<TD COLSPAN="3"></TD>
</TR>
<TR>
<TD width=5%></TD>
<TD width=25%></TD>
<TD width=40%></TD>
</TR>
</TABLE>
</BODY>
</HTML>