DHTML
DHTML-введение
Думайте о DHTML как не исключительная технология, а комбинация три
существующие технологии, склеенные Моделью Объекта Документа (ДОМ):
1. HTML - Для того, чтобы создавать текст и изображение связывается и другие элементы страницы.
2. CSS - Листы Стиля для дальнейшего форматирования текста и html плюс другой
добавленные особенности, типа содержания расположения и иерархического представления.
3. JavaScript - язык программирования, который позволяет Вам доступам и
динамически управляйте индивидуальными свойствами и HTML и Разрабатывайте Листы.
Путем доступы JavaScript свойства документа HTML заканчивают
Модель Объекта Документа (ДОМ). Работа ДОМА должна выставить весь
признаки HTML и листов Стиля к контролю JavaScript. Все Вы нуждаетесь к
знайте о ДОМЕ - то, какой JavaScript приказывает, чтобы это приняло. Не то, чтобы легкий,
поскольку различные браузеры имеют их немного различные версии ДОМА, таким образом
они получают доступ к свойствам HTML по-другому так же как показывают их по-другому.
Так, как Вы определяете местонахождение элемента HTML на странице и изменяете ее собственность?
Это - работа JavaScript. Очевидно, я наклоняюсь во все детали
JavaScript или ДОМ, но вот - пример того, как JavaScript может изменить a
видимость слоя листа стиля в обоих браузерах.
Отметьте: Та каждая часть HTML имеет местоположение очень как справочник в a
телефонная книга. Находя, что часть HTML Вы должны пройти то же самое
процесс иерархии поиска названия в телефонной книге, типа
(государственный) Вашингтон-> (Город) Сиэтл-> (Списки) j-> (Название) Джессика
В JavaScript, ссылка на это была бы эквивалентной
washington.seattle.j.jessica
Теперь Джессика может иметь дополнительную информацию, типа ее адреса и телефона
число, таким образом ссылка JavaScript была бы написана этот путь.
washington.seattle.j.jessica.address
или
washington.seattle.j.jessica.phone
Позволяет расшифровывают вышеупомянутую метафору к документу DHTML, который содержит a
слой [myLayer] с признаками стиля
[вершина, оставленная, ширина, высота, z-индекс, видимость, и т.д] и слой содержит немного
из текста "myText" (Отмечают, что признак видимости собирается скрытый),
myText
В Netscape адрес к слою ОТДЕЛЕНИЯ "myLayer"
document.myLayer
в Исследователе это
document.all.myLayer.style
Способ W3C идентифицировать адрес
документ. GetElementById (? myLayer? â„¢) .style
Чтобы получить доступ к свойствам, типа видимости под "myLayer", Вы использовали бы
эти адреса.
Netscape
document.myLayer.visibility
Исследователь
document.all.myLayer.style.visibility
W3C
document.getElementById (? myLayer? â„¢) .style.visibility
Чтобы изменять видимость этого слоя, Вы назначили бы ценность на ваш
Адрес JavaScript.
Netscape
document.myLayer.visibility = "видимый";
Исследователь
document.all.myLayer.style.visibility = "видимый";
W3C
document.getElementById (? myLayer? â„¢) .style.visibility =? видимый?;
Теперь предварительно скрытый слой теперь видим. Это - по существу как
Работы DHTML, но понимают, что есть сотни и сотни признака
свойства для текста, изображений, документов и окон. Не все они
свойства поддержаны и в браузере и в когда-нибудь вызове к собственности
требует еще нескольких препятствий, но если Вы придерживаетесь общего знаменателя
свойства оба использования браузера тогда жизнь это немного легче. Я рекомендую
превосходный справочник DHTML Динамический HTML - Категорический Гид Дэнни
Хозяин (Книги O'Riley) Это перечисляет(вносит в список) все свойства DHMTL и их
взаимный браузер compatibilities.
|
