- •Билет 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
- •I способ - Внутренние стили
- •II способ - Глобальные стили
- •III способ - Связанные или внешние стили
- •Билет 18. Html. Типы css
- •Билет 21. Билет 29.
- •Билет 22
- •Билет 30 Структуры в языке с
- •Билет 33 Библиотека qt. Создание приложений в qtCreator.
- •Билет № 34 Библиотека qt. Работа со строками.
- •Билет 35 Использование JavaScript при оформлении динамических html страниц
- •Билет 36 Использование объектной модели документа (dom) в JavaScript
- •Иерархия классов dom
- •Билет 37 Формы и их использование в JavaScript
- •Билет № 38 Объектная модель браузера и ее использование в JavaScript
Билет 36 Использование объектной модели документа (dom) в JavaScript
Объектная модель документа не является частью языка JavaScript. Строго говоря, DOM ( Document Object Model ) – это интерфейс прикладного программирования для представления документа (например, документа HTML , а также иных) и обеспечения доступа к его элементам и интерактивного изменения их свойств. Более того, DOM предоставляет механизмы для изменения самой структуры документа (добавление и удаление элементов, изменение их содержимого). Но это отдельный стандарт , в настоящее время развиваемый под эгидой W3C .
Объектная модель документа — интерфейс программирования приложений для HTML и XML-документов. Согласно DOM, документ (например, веб-страница) может быть представлен в виде дерева объектов, обладающих рядом свойств, которые позволяют производить с ним различные манипуляции:
получение узлов,
изменение узлов,
изменение связей между узлами,
удаление узлов.
Иерархия классов 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[] дает доступ к документам, загруженным в фреймы.
Надо отметить, что разные браузеры, поддерживая рассматриваемую иерархию, предлагают и дополнительные свойства почти для каждого объекта. Посмотреть эти свойства можно в разделе "Все о свойствах объектов". Обилие этих свойств и их сравнение для разных браузеров наводит на размышления.
Задание:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>Табличка</TITLE>
</HEAD>
<TABLE BORDER>
<TR>
<TD rowspan=2> table 1</TD>
<td colspan=3> table 2</td>
</TR>
<TR>
<TD>table 3</TD>
<TD>table 4</TD>
<TD>table 5</TD>
</TR>
</TABLE>
</HTML>