White cat - Справочкик по JavaScript Страница 5

P.somestyle {color: green}document.classes.somestyle.P.fontFamily = "Arial";

В свою очередь свойство ids позволит вам получить доступ к стилю, присвоенному отдельному идентификатору ID:

document.ids.{Идентификатор}.{Имя свойства}

Например:

#someid {color: green}document.ids.someid.fontFamily = "Arial";

Но что делать, если вы переопределили стиль какого-либо тега? В этом случае воспользуйтесь свойством tags:

document.tags.{тег}.{Имя свойства}

Например:

H1 {color: green}document.tags.H1.fontFamily = "Courier";

А если вам нужно, скажем, изменить стиль элемента <B>, находящегося внутри заголовка второго уровня? Для этого существует свойство contextual:

document.contextual({Контекст 1}[, {Контекст 2}[, ...]]).{Имя свойства}

Тогда для описанного нами случая:

document.contextual(document.tags.H2, document.tags.B).fontStyle= "oblique";

что аналогично заданию в таблице стилей

H2 B {font-style: oblique}

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

JavaScript-стили отличаются от обычных тем, что больше всего похожи на скрипты. Собственно, это и есть скрипты. Давайте рассмотрим два примера: обычной таблицы стилей и таблице JavaScript-стилей:

<STYLE type="text/css">P {color: blue}.bigtext {font-size: 72pt; font-weight: boldest}H1 B {text-decoration: underline}</STYLE>

Это обычная таблица стилей.Теперь преобразуем ее в таблицу JavaScript-стилей:

<STYLE type="text/javascript">document.tags.P.color = "blue";width (document.classes.bigtext.all) { fontSize = "72pt"; fontWeight = "boldest"; }document.contextual(document.tags.H1, document.tags.B).textDecoration = "underline";</STYLE>

Теперь вы видете, как таблица JavaScript-стилей похожа на скрипт. Заметьте также, что в этом случае атрибут type обязателен, т.к. он указвывает тип таблицы стилей.

Во всех предыдущих примерах для Navigator мы всегда приводили ссылку на объект document. Но в таблицах JavaScript-стилей ее можно опустить.

<STYLE type="text/javascript">tags.P.color = "blue";width (classes.bigtext.all) { fontSize = "72pt"; fontWeight = "boldest"; }contextual(tags.H1, tags.B).textDecoration = "underline";</STYLE>

Объект window

Объект window представляет текущее окно Web-обозревателя или отдельный фрейм, если окно разделено на фреймы.

closed

Возвращает true, если текущее окно закрыто. Может быть использовано при работе с несколькими окнами.

defaultStatus

Сообщение по умолчанию, отображаемое в строке состояния окна.

document

Возвращает ссылку на документ, загруженный в текущее окно.

frames

Возвращает ссылку на коллекцию фреймов.

history

Возвращает ссылку на объект истории Web-обозревателя.

innerHeight

Возвращает высоту клиентской области окна (без рамок, меню, панелей инструментов) в пикселах.

Поддерживается только NN начиная с 4.0

innerWidth

Возвращает ширину клиентской области окна (без рамок, меню, панелей инструментов) в пикселах.

Поддерживается только NN начиная с 4.0

length

Возвращает количество фреймов.

location

Возвращает ссылку на объект location документа, загруженного в текущее окно.

locationbar

Возвращает ссылку на объект панели адреса окна Navigator (она же Location Toolbar). Единственное свойство этого объекта visible позволит показать ее или убрать; значение true этого свойства показывает панель адреса, false убирает.

Поддерживается только NN начиная с 4.0

menubar

Возвращает ссылку на объект панели адреса окна Navigator. Единственное свойство этого объекта visible позволит показать ее или убрать; значение true этого свойства показывает панель адреса, false убирает.

Поддерживается только NN начиная с 4.0

name

Возвращает имя окна или фрейма.

navigator

Возвращает ссылку на объект Web-обозревателя.

opener

Возвращает ссылку на окно, которое открыло текущее окно, например, методом open.

outerHeight

Возвращает полную высоту окна (с рамками, меню, панелями инструментов) в пикселах.

Поддерживается только NN начиная с 4.0

outerWidth

Возвращает полную ширину окна (с рамками, меню, панелями инструментов) в пикселах.

Поддерживается только NN начиная с 4.0

pageXOffset

Возвращает расстояние по горизонтали между текущей позицией окна и левой границей документа. При прокручивании содержимого окна право значение этого свойства увеличивается, влево - уменьшается.

Поддерживается только NN начиная с 4.0

pageYOffset

Возвращает расстояние по вертикали между текущей позицией окна и левой границей документа. При прокручивании содержимого окна вниз значение этого свойства увеличивается, вверх - уменьшается.

Поддерживается только NN начиная с 4.0

parent

Возвращает ссылку на родительское окно, если текущий объект window представляет собой фреймы. В противном случае возвращается ссылка на само это окно.

personalbar

Возвращает ссылку на объект панели Personal Bar окна Navigator. ЕдИнственное свойство этого объекта visible позволяет показать ее или убрать; значение true этого объекта показывает панель адреса, false убирает.

Поддерживается только Navigator начиная с 4.0

screen

Возвращает ссылку на объект screen.

screenLeft

Возвращает горизонтальную координату левого верхнего угла окна.

Поддерживается только IE начиная с 5.0

screenTop

Возвращает вертикальную координату левого верхнего угла окна.

Поддерживается только IE начиная с 5.0

screenX

Горизонатльная координата левого верхнего угла окна.

Поддерживается только NN начиная с 4.0

screenY

Вертикальная координата левого верхнего угла окна.

Поддерживается только NN начиная с 4.0

scrollbars

Возвращает ссылку на объект полос прокрутки окна NN. Единственное свойство этого объекта visible позволит показать полосу или убрать; значение true этого свойства показывает полосу прокрутки, false убирает.

Поддерживается только NN начиная с 4.0

self

Возвращает ссылку на объект window текущего окна.

status

Текст, отображаемый в строке состояния окна Web-обозревателя.

statusbar

Возвращает ссылку на объект строки состояния окна NN. Единственное свойство этого объекта visible позволит показать ее или убрать; значение true этого свойства показывает строку состояния, false убирает.

Поддерживается только NN начиная с 4.0

toolbar

Возвращает ссылку на объект панели инструментов окна NN. Единственное свойство этого объекта visible позволит показать полосу или убрать; значение true этого свойства показывает панель инструментов, false убирает.

Поддерживается только NN начиная с 4.0

top

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

window

То же, что и self.

Свойства

Объект window представляет текущее окно Web-обозревателя или отдельный фрейм, если окно разделено на фреймы.

closed

Возвращает true, если текущее окно закрыто. Может быть использовано при работе с несколькими окнами.

defaultStatus

Сообщение по умолчанию, отображаемое в строке состояния окна.

document

Возвращает ссылку на документ, загруженный в текущее окно.

frames

Возвращает ссылку на коллекцию фреймов.

history

Возвращает ссылку на объект истории Web-обозревателя.

innerHeight

Возвращает высоту клиентской области окна (без рамок, меню, панелей инструментов) в пикселах.

Поддерживается только NN начиная с 4.0

innerWidth

Возвращает ширину клиентской области окна (без рамок, меню, панелей инструментов) в пикселах.

Поддерживается только NN начиная с 4.0

length

Возвращает количество фреймов.

location

Возвращает ссылку на объект location документа, загруженного в текущее окно.

locationbar

Возвращает ссылку на объект панели адреса окна Navigator (она же Location Toolbar). Единственное свойство этого объекта visible позволит показать ее или убрать; значение true этого свойства показывает панель адреса, false убирает.

Поддерживается только NN начиная с 4.0