 |
Объект style в Internet Explorer
|
|
|
|
Как же получить доступ к объекту style? Internet Explorer предоставляет для этого три свойства: style, currentStyle и runtimeStyle.
Первое свойство позволяет получить доступ к стилю, встроенному в тег элемента с помощью атрибута STYLE:
<P id="par1" style="color: green">Любой текст</P>someColor = par1.style.color;
Вышеприведенное выражение поместит в переменную someColor значение атрибута color встроенного стиля элемента, т.е. "green".
someFontSize = par1.style.fontSize;
Это выражение вернет null, даже если где-то в таблице стилей атрибут font-size для этого элемента определен. А все потому, что интересы свойства style не выходят за рамки встроенного ситиля.
Чтобы получить стиль элемента с учетом и встроенных стилей, и таблиц стилей, и атрибутов тега, используйте свойство currentStyle:
<FONT id="par1" style="color: green" size="7">Любой текст</FONT>someColor = par1.currentStyle.color;someBColor = par1.currentStyle.backgroundColor;someFontSize = par1.currentStyle.fontSize;someOther = par1.currentStyle.textDecoration;
Предположим, что где-то в таблице стилей определен для этого элемента атрибут background-color, равный "teal", а text-decoration не определен вообще. Эти выражения вернут следующие значения: первое - "green", второе - "teal", третье - "largest" (или "7"), а четвертое - "none"? т.е. значение по умолчанию для этого атрибута стиля.
Если вы измените какое-либо свойство объекта style, измениться то же свойство и у объекта currentStyle, и наоборот. Единственная деталь: если вы изменили какое-либо свойство currentStyle и потом сразу же обратились к нему, вернется старое значение. То есть, между присвоением значения и его применением к элементу должно пройти некоторое время.
Свойство runtimeStyle довольно странное. Оно возвращает ссылку на объект runtimeStyle, который является примерно тем же самым, что и currentStyle, но присвоение его свойствам новых значений не затригивает аналогичных свойств style. То есть, вы можете переопределить свойства стиля runtimeStyle, и соответствующие свойства style (но не currentStyle) не изменятся.
|
|
|
Объект styleSheet и коллекция styleSheets
Объект document в IE имеет встроенную коллекцию styleSheets, которую можно использовать для доступа к отдельным таблицам стилей документа. А отдельная таблица стилей представляется объектом styleSheet:
address = document.styleSheets(1).href;
Для нас будут полезны три свойства объекта таблицы стилей.
Первое из них - это href, представляющее интернет-адресс файла внешней таблицы стилей. Вы можете изменить этот адрес, чтобы загрузить другую таблицу стилей.
Второе - disabled, разрешающее или запрещающее Web-обозревателю применять эту таблицу для форматирования документа. Заметьте, что в данном случае false разрашает применение таблицы, а true запрещает.
И последнее свойство - type - имеет для нас только теоретический интерес: оно задает тип таблицы стилей, который для IE всегда равен "text/css".
Объект style в Navigator. JavaScript-стили
Navigator поддерживает прямое обращение по идентификаторам только для объектов layer и не поддерживает коллекцию all. Да и поддержка атрибута ID в нем реализована так себе, в основном, для присвоения элементам стилей. Но объект document Navigator предусматривает четыре очень мощьных свойства для работы со стилями.
Свойство classes позволит вым получить доступ к отдельному поименованному стилю:
document.classes.{Имя стиля}.{Имя тега}|all.{Имя свойства}
Здесь {Имя тега} может быть именем любого тега. Если нужно определить стиль для всех тегов, используйте слово all.
Например, предположим, что вы определили в таблице стилей некий стиль:
.somestyle {color: green}
Тогда в коде скрипта вы можете получить к нему доступ:
document.classes.somestyle.all.fontFamily = "Arial";
Аналогично вы можете определить какой-либо стиль для одного определенного тега:
|
|
|
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
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.
Методы
Alert()
alert({Текст})
Выводит на экран окно предупреждения с текстом, переданным в качестве параметра.
Back()
Возвращается к предыдущему документу, как если бы на панели инструментов нажали кнопку Назад.
Поддерживается только NN начиная с 4.0
Blur()
Удаляет фокус с окна.
ClearInterval()
clearInterval({Таймер})
Останавливает таймер, установленный методом setInterval.
ClearTimeout()
clearTimeout({Таймер})
Останавливает таймер, установленный методом setTimeout.
Close()
Закрывает текущее окно. Если окно было открыто методом open(), то оно закрывается сразу же, если же оно было открыто пользователем, сначало появляется окно предупреждения, предлагающее пользователю сделать выбор.
Confirm()
confirm({Текст})
Выводит на экран окно предупреждения с текстом, переданным в качестве параметра, предлагающее пользователю сделать выбор. Если пользователь нажмет Ок, возвращается true, если Отмена - false.
ExecScript()
execScript({Выражение},{Язык})
Вычисляет переданное в качестве первого параметра выражение. Второй аргумент должен иметь значение "JavaScript".
Поддерживается только IE начиная с 4.0
Find()
find([{Строка поиска}[, true|false, true|false]])
Выводит на экран диалоговое окно задания параметров поиска.
Первым аргументом передается строка поиска.
Второй задает, будет ли поиск производиться с учетом регистра символов (true) или нет (false, значение по умолчанию).
Третий - будет ли поиск производиться с конца документа к началу (true) или обычным порядком (false, значение по умолчанию).
Возвращает true, если поиск был успешным.
Поддерживается тольк NN начиная с 4.0
Focus()
Переносит фокус на текущее окно.
Forward()
Переходит к следующему документу в списке истории, как если бы на панели инструментов нажали кнопку Вперед.
Поддерживается только NN начиная с 4.0
Home()
Переходит на "домашнюю" страницу, заданную в настройках Web-обозревателя, как если бы на панели инструментов нажали кнопку Домой.
Поддерживается только NN начиная с 4.0
MoveBy()
moveBy({X},{Y})
Перемещает окно на X пикселов вправо и на Y пикселов вниз. Для перемещения влево и вверх задайте отрицательные значения X и Y.
MoveTo()
moveTo({X},{Y})
Перемещает окно в точку экрана, заданную координатами X и Y.
Navigate()
navigate({Адрес})
Загружает в окно Web-страницу, адрес которой передан в качестве параметра.
Поддерживается только IE.
Open()
open({Адрес}, {Имя окна}, [{Список свойств окна, разделенных запятыми}])
Открывает новое окно Web-обозревателя, загружает в него документ, адрес которого передан в первом параметре, и присваивает окну имя, переданное во втором параметре.
В третьем параметре может быть передан список свойств окна.
Print()
Печатает содержимое окна на принтере.
Prompt()
prompt({Приглашение}, [{Значение по умолчанию}])
Выводит на экран диалоговое окно с полем ввода, приглашающее пользователя ввести какое-либо строковое значени. Текст приглашения передается в качестве первого параметра; во втором параметре может быть передано значение по умолчанию.
ResizeBy()
resizeBy({X},{Y})
Увеличивает окно на X пикселов по горизонтали и на Y пикселов по вертикали. Для уменьшения окна задайте отрицательные значения X и Y.
ResizeTo()
resizeTo({X},{Y})
Увеличивает или уменьшает окно до размера, заданного значениями X и Y.
Scroll()
scroll({X},{Y})
Прокручивает содержимое окна до точки с координатами X и Y. Не рекомендуется к использованию и сохранен только для совместимости.
ScrollBy()
scrollBy({X},{Y})
Прокручивает содержимое окна на X пикселов вправо и на Y пикселов вниз. Для прокрутки влево и вверх задайте отрицательные значения X и Y.
ScrollTo()
scrollTo({X},{Y})
Прокручивает содержимое окно в точку, заданную значениями X и Y.
SetHotKeys()
setHotKeys(true|false)
Разрешает (true) или запрещает (false) "горячие" клавиши в окне, не имеющем строки меню.
Поддерживается только NN начиная с 4.0
SetInterval()
setInterval({Функции или выражение},{Интервал}, [{Список аргументов функции, разделенных запятыми}])
Вычисляет значение выражения или вызывает функцию каждый раз по истечении заданного интервала (в миллисекундах). Может передавать в функцию заданные в списке аргументы.
Возвращает указатель на объект таймера, который можно использовать в методе clearInterval для остановки и уничтожения таймера.
SetResizeeable()
setResizeeable(true|false)
Разрашает (true) или запрещает (false) пользователю изменять размеры окна.
Поддерживается только NN начиная с 4.0
SetTimeout()
setTimeout({Функции или выражение},{Интервал}, [{Список аргументов функции, разделенных запятыми}])
Вычисляет значение выражения или вызывает функцию по истечении заданного интервала (в миллисекундах), если до этого небыл вызван метод clearTimeout. Может передавать в функцию заданные в списке аргументы. Возварщает указатель на объект таймера, который можно использовать в методе clearTimeout для остановки и уничтожения таймера.
Stop()
Останавливает загрузку текущей страницы.
Поддерживается только NN начиная с 4.0
|
|
|
