Справочкик по JavaScript - white cat
Шрифт:
Интервал:
Закладка:
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