Результат. Понятие объектной модели применительно к JavaScript

⇐ Предыдущая 61 626364 65 66 67 68 Следующая ⇒

Введение

Понятие объектной модели применительно к JavaScript

Для создания механизма управления страницами на клиентской стороне было предложено использовать объектную модель документа. Суть модели в том, что каждый HTML-контейнер — это объект, который характеризуется тройкой:

• свойства

• методы

• события

Объектную модель можно представить как способ связи между страницами и браузером. Объектная модель - это представление объектов, методов, свойств и событий, которые присутствуют и происходят в программном обеспечении браузера, в виде, удобном для работы с ними кода HTML и исходного текста сценария на странице. Мы можем с ее помощью сообщать наши пожелания браузеру и далее — посетителю страницы.

Браузер выполнит наши команды и соответственно изменит страницу на экране.

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

JavaScript — это не HTML! Однако у JavaScript и HTML очень похожие правила:

· JavaScript располагается внутри документа HTML

· JavaScript сохраняется в виде текста вместе с документом HTML.

Главная же разница в том, что в HTML имеет довольно расплывчатые правила. Не имеет значения, сколько пробелов вы оставляете между словами или абзацами. По правде говоря, HTML можно было бы писать одной сплошной строкой.
Совсем другое дело JavaScript. У него четкая форма. И пренебрегать ею можно лишь изредка.

Пример скрипта:

<html>

<head>

</head>

<body>

document.write("<FONT COLOR='RED'>Это красный текст</FONT>")

</SCRIPT>

</body>

</html>

Это красный текст

Разбор скрипта:

Это код HTML, который дает браузеру понять, что с этого места начинается JavaScript. Все скрипты начинаются с такой команды. Сущесвуют и другие типы скриптов, например, VBS или LiveScript, поэтому эта команда не даст браузеру запутаться.

</SCRIPT>

...заканчивается любой JavaScript без исключений.

Далее основная часть скрипта:

document.write("<FONT COLOR='RED'>Это красный текст</FONT>")

Состав скрипта: указывается DOCUMENT (документ HTML) и те изменения, которые в нем произойдут — что-то будет написано (WRITE). То, что будет написано, находится в скобках.

DOCUMENT представляет собой object (объект). Слово WRITE (писать), отделенное точкой, называется method (методом объекта). Таким образом, скрипт попросту говорит: «Возьмите объект (что-то, уже существующее) и припишите что-то к нему».
Текст в скобках называется instance (примером метода), он передает то, что происходит, когда метод воздействует на объект.
Имейте в виду, что текст внутри скобок находится в кавычках. Никогда нельзя про них забывать.
Текст в кавычках представляет собой простой HTML. Команда <FONT>, которая делает текст красным. Обратите внимание, что дальше идут одинарные кавычки. Если поставить двойные, JavaScript решит, что это конец строки, и получится, что только часть вашего текста будет применена к объекту, а это уже ошибка.
Запомните: внутри двойных кавычек ставятся одинарные.

⇐ Предыдущая 61 626364 65 66 67 68 Следующая ⇒

Поделиться с друзьями:

Дата добавления: 2014-12-24; Просмотров: 703; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2025) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.011 сек.