Статьи о Web дизайне

         

Структура объектной модели



Структура объектной модели

Чтобы было понятно, о чем мы говорим, рассмотрим общую структуру объектной модели. Ниже приведена объектная модель Internet Explorer-а версии 4 и выше.

  • window - объект, дающий доступ к окну броузера
  • frames - объект, дающий доступ к фреймам
    • window...
    • window...
    • ...
  • document - объект, содержащий в себе всю страничку
    • all - полная коллекция всех тегов документа
    • forms - коллекция форм
    • anchors - коллекция якорей
    • appleеs - коллекция апплетов

    • embeds - коллекция внедренных объектов
    • filters - коллекция фильтров
    • images - коллекция изображений
    • links - коллекция ссылок
    • plugins - коллекция подключаемых модулей
    • scripts - коллекция блоков <script></script>
    • selection - коллекция выделений
    • stylesheets - коллекция объектов с индивидуально заданными стилями
  • history - объект, дающий доступ к истории посещенных ссылок
  • navigator - объект, дающий доступ к характеристикам броузера
  • location - объект, содержащий текущий URL
  • event - объект, дающий доступ к событиям
  • screen - объект, дающий доступ к характеристикам экрана

Объектная модель Netscape Navigator-а немного отличается от вышеприведенной, но ее смысл точно такой же. А использование JavaScript позволяет нам обойти различия в реализации объектных моделей.

Вместо того, чтобы подробно объяснять каждый объект, входящий в модель броузера, я буду разъяснять смысл соответствующих объектов, их свойств и методов на конкретных примерах по мере возникновения в том необходимости.

Как видите, структура объектной модели достаточно сложна, но строго определена, и существует однозначный способ доступа к любому свойству или методу. Синтаксис полностью соответствует тому, что используется в объектных языках. Т.е. нижележащие объекты отделяются от вышележащих точкой, и для доступа к конкретному свойству нужно просто корректно построить строку доступа.

И, как Вы понимаете, вот здесь-то на сцену и выходит скриптовый язык, который и позволяет нам манипулировать объектами.

Как любой язык программирования, JavaScript имеет определенный набор типов переменных, операторов, встроенных функций и объектов. Изучение JavaScript как такового как раз и заключаются в запоминании всего этого. Но, как Вы понимаете, оторванный от объектной модели, он мало полезен сам по себе. А потому я просто расскажу о популярных эффектах, применяемых на страничках, попутно давая пояснения. И надеюсь, что если это Вас заинтересует, то более сложные вещи Вы уже напишите сами.

Содержание раздела