 |
Свойства окна, передаваемые методу open
|
|
|
|
AlwaysLowered
alwaysLowered=yes|no
Если yes, то создаваемое окно будет всегда находиться под другими окнами, даже если оно имеет фокус.
Поддерживается только NN начиная с 4.06
AlwaysRaised
alwaysRaised=yes|no
Если yes, то создаваемое окно будет всегда находиться над другими окнами, даже если оно не имеет фокуса.
Поддерживается только NN начиная с 4.06
Channelmode
channelmode=yes|no
Если yes, то создаваемое окно будет отображаться с панелью каналов (так называемый "режим театра").
Поддерживается только IE начиная с 4.0
Dependent
dependent=yes|no
Если yes, то создаваемое окно будет дочерним по отношению к создавшему, т.е. при закрытии создающего окна будет закрываться и создаваемое.
Поддерживается только NN начиная с 4.06
Directories
directories=yes|no
Включает или отключает отображение кнопок директорий Navigator, у создаваемого окна.
Fullscreen
fullscreen=yes|no
Если yes, то создаваемое окно займет весь экран (так называемый "режим киоска").
Поддерживается только IE начиная с 4.0
Height
height={Высота}
Задает высоту создаваемого окна в пикселах.
Hotkeys
hotkeys=yes|no
Если no, то большинство "горячих" клавиш будут запрещены в создаваемом окне.
Поддерживается тольк NN начиная с 4.06
InnerHeight
innerHeight={Высота}
Задает высоту клиентской области создаваемого окна в пикселах.
Поддерживается только NN начиная с 4.06
Рекомендуется использовать вместо height
InnerWidth
innerWidth={Ширина}
Задает ширину клиентской области создаваемого окна в пикселах.
Поддерживается только NN начиная с 4.06
Рекомендуется использовать вместо width
Left
left={X}
Задает горизонтальную координату левого верхнего угла создаваемого окна.
|
|
|
Поддерживается только IE начиная с 4.0
Location
location=yes|no
Включает или отключает отображение панели адреса, включающего строку ввода адреса, у создаваемого окна.
Menubar
menubar=yes|no
Включает или отключает отображение строки меню у создаваемого окна.
OuterHeight
outerHeight={Высота}
Задает полную (с рамками, строкой меню, полосами инструментов) высоту создаваемого окна в пикселах.
Поддерживается только NN начиная с 4.06
Рекомендуется к использованию вместо height.
OuterWidth
outerWidth={Ширина}
Задает полную (с рамками, строкой меню, полосами инструментов) ширину создаваемого окна в пикселах.
Поддерживается только NN начиная с 4.06
Рекомендуется к использованию вместо width.
Replace
replace=yes|no
Если yes, то адрес документа, размещаемого в создаваемом окне, заменит в списке истории адрес документа, находящегося в создающем окне.
Поддерживается тольк IE начиная с 4.0
Resizable
resizable=yes|no
Включает или отключает возможность изменения размера создаваемого окна.
ScreenX
screenX={X}
То же, что и left для IE.
Поддерживается только NN начиная с 4.06
ScreenY
screenY={Y}
То же, что и top для IE.
Поддерживается только NN начиная с 4.06
Scrollbars
scrollbars=yes|no
Включает или отключает отображение полос прокрутки у создаваемого окна.
Status
status=yes|no
Включает или отключает отображение строки состояния у создаваемого окна.
Titlebar
titlebar=yes|no
Включает или отключает отображение заголовка у создаваемого окна.
Поддерживается только IE начиная с 4.0
Toolbar
toolbar=yes|no
Включает или отключает отображение панели инструментов у создаваемого окна.
Top
top={Y}
Задает вертикальную координату левого верхнего угла создаваемого окна.
Поддерживается только IE начиная с 4.0
Width
|
|
|
width={Ширина}
Задает ширину создаваемого окна в пикселах.
Z-lock
z-lock=yes|no
Если yes, то создаваемое окно никогда не будет перемещаться выше других окон, даже если получает фокус.
Поддерживается только NN начиная с 4.06
Вместо значений yes и no вы можете использовать 1 и 0, либо если вообще указывается параметр - соответствует yes, если параметр не указан - no.
Некоторые версии Web-обозревателей для определенных параметров принимают только значения 1 и 0.
Работа с окнами
Давайте поподробнее остановимся на некоторых моментах использования свойств и методов окон.
Прежде всего, требуется дополнительное рассмотрение метода open. Он позволяет Web-дизайнеру открыть на экране дополнительное окно Web-обозревателя и поместить в него какую-либо страницу - очень полезное средство для разработки сложных многостраничных сайтов.
var contentsWindow;contentsWindow = window.open("http://www.spravkaweb.ru/contents.htm","contents");
В этом примере мы создали новое окно, загрузили в него некую Web-страницу и присвоили ей имя contents. Метод open вернул ссылку на объект вновь созданного окна, которую мы можем впоследствии использовать для работы с этим окном:
contentsWindow.Left = 300;
Имя окна можно использовать в атрибуте TARGET тега <A>:
<A href="http://www.spravkaweb.ru/contents2.htm"target="contents">Содержание</A>
Можно использовать дополнительные свойства окна, чтобы тонко управлять его характеристиками. Например, мы очень легко можем убрать у вновь создаваемого окна полосу инструментов и строку состояния:
contentsWindow = window.open("http://www.spravkaweb.ru/contents.htm","contents", "toolbar=no", "status=no");
Мы можем задать начальные координаты и размеры создаваемого окна:
contentsWindow = window.open("http://www.spravkaweb.ru/contents.htm","contents", "top=100", "left=200", "width=400", height="200");
А эта строка будет работать только в NN версии 4.06 или более поздней:
contentsWindow = window.open("http://www.spravkaweb.ru/contents.htm","contents", "screenY=100", "screenX=200", "outerWidth=400",outerHeight="200");
Когда создание окна перестанет быть нужным, его можно закрыть при помощи метода close. Свойство closed позволит в дальнейшем проверить, закрыто ли это окно (например, если его закроет пользователь):
contentsWindow.close;if(contentsWindow.closed)...
Свойство status позволяет поместить в строку состояния какой-либо текст, отличный от текста по умолчанию:
|
|
|
window.status = "Справочник WEB - языков";
А свойство defaultStatus позволит также просто вернуть туда текст по умолчанию:
window.status = window.defaultStatus;
Вы также можете вести примитивный диалог с пользователем, используя три специально предусмотренных метода. Метод alert выводит на экран окно предупреждения с заданным текстом и кнопкой Ок:
window.alert("Привет!!!");
Метод confirm отображает окно сообщения с текстом и кнопками Ок и Отмена. Если пользователь нажал Ок, возвращается true, иначе - false.
if(window.confirm("Выберите что-нибудь.")) alert("Вы нажали Ок");else alert("Вы нажали Отмена");
Метод prompt позволяет запросить у пользователя какие-либо данные. Он выводит диалоговое окно с полем ввода и кнопками Ок и Отмена. В качестве параметров принимается текст приглашения и необязательный текст по умолчанию, отображаемый в поле ввода:
string=window.prompt("Пример использования метода prompt:", "Введите что-нибудь");alert(string);
Объект layer
Все слои, определенные в документе, доступны как элементы коллекции layers.
document.layers[2];document.layers["somelayer"];
NN поддерживает прямой доступ к слоям по имени. Имена слоям даются с помощью атрибута NAME тегов <LAYER> и <ILAYER>:
document.somelayer;
Для доступа к слою, находящемуся внутри другого слоя, используется такой способ:
document.layers["outerlayer"].layers["innerlayer"]
Доступ к слоям
Все слои, определенные в документе, доступны как элементы коллекции layers.
document.layers[2];document.layers["somelayer"];
NN поддерживает прямой доступ к слоям по имени. Имена слоям даются с помощью атрибута NAME тегов <LAYER> и <ILAYER>:
document.somelayer;
Для доступа к слою, находящемуся внутри другого слоя, используется такой способ:
document.layers["outerlayer"].layers["innerlayer"]
Свойства
Above
Возвращает ссылку на слой, находящийся над текущим (т.е. выше в z-последовательности). Если таких нет, возвращается null.
Background
Ссылка но объект Image, представляющий фоновый ресунок текущего слоя. Вы можете использовать свойство src этого объекта для задания или получения адреса файла рисунка. Этому свойству можно присвоить ссылку на другой объект Image. Если для текущего слоя не задан фоновый рисунок, возвращается null.
|
|
|
Below
Возвращает ссылку на слой, находящийся под текущим (т.е. ниже в z-последовательности). Если таких нет, возвращается null.
Bgcolor
Цвет фона слоя.
Document
Возвращает ссылку на объект document, представляющий содержимое слоя.
Left
Горизонтальная координата левого верхнего угла слоя в пикселах.
Name
Имя тега, заданного в атрибуте NAME.
PageX
Горизонтальная координата слоя относительно остального документа в пикселах.
PageY
Вертикальная координата слоя относительно остального документа в пикселах.
ParentLayer
Возвращает ссылку на родительский слой или объект window, если родительского слоя нет.
SiblingAbove
Возвращает ссылку на слой, находящийся над текущим (т.е. выше в z-последовательности) и имеющий того же родителя. Если таких нет, возвращает null.
SiblingBelow
Возвращает ссылку на слой, находящийся под текущим (т.е. виже в z-последовательности) и имеющий того же родителя. Если таких нет, возвращает null.
Src
Возвращает адрес файла документа, отображаемого в слое.
Top
Вертикальная координата левого верхнего угла слоя в пикселах.
Visibility
Видимость слоя: show показывает его, hide скрывает, а inherit наследует видимость от родителя (это поведение по умолчанию).
Window
Возвращает ссылку на объект window (или frame), где находится текущий слой.
x
То же самое, что left.
y
То же самое, что top.
ZIndex
Порядок перекрытия слоев. Слои с большим значением этого свойства перекрывают слои с меньшим значением. По умолчанию равно нулю.
Методы
Load
load({Адрес файла нового документа}, {Новая ширина слоя в пикселах})
Позволяет заменить содержимое слоя. В качестве первого параметра принимается интернет-адрес документа, который будет отображен в текущем слое. В качестве второго параметра указывается новая ширина текущего слоя в пикселах.
MoveAbove
moveAbove({Имя слоя})
Перемещает текущий слой выше слоя, имя которого передано в качестве параметра.
MoveBelow
moveBelow({Имя слоя})
Перемещает текущий слой ниже слоя, имя которого передано в качестве параметра.
MoveBy
moveBy({X},{Y})
Перемещает слой на X пикселов вправо и на Y пикселов вниз. Для перемещения влево и вверх задайте отрицательные значения X и Y.
MoveTo
|
|
|
moveTo({X},{Y})
Перемещает слой в точку, заданную координатами X и Y. Координаты отсчитываются относительно родительского слоя (если такой есть).
MoveToAbsolute
moveToAbsolute({X},{Y})
Перемещает слой в точку, заданную координатами X и Y. Координаты отсчитываются относительно документа.
ResizeBy
resizeBy({X},{Y})
Увеличивает слой на X пикселов по горизонтали и на Y пикселов по вертикали. Для его уменьшения задайте отрицательные значения X и Y.
ResizeTo
resizeTo({X},{Y})
Увеличивает слой до размера, заданного значениями X и Y.
Объект navigator
Объект navigator служит для доступа к самой программе Web-обозревателя. Не путайте его с объектом window, представляющем текущее окно Web-обозревателя, и названием программы Netscape Navigator.
AppCodeName
Возвращает имя кода программы Web-обозревателя. И для Internet Explorer, и для Navigator вернет строку "Mozilla".
AppMinorVersion
Возвращает младшую цифру номера версии программы Web-обозревателя. Например, для Internet Explorer 5.0 вернет "0", а для 5.5 - "5".
Поддерживается только Internet Explorer начиная с 4.0
AppName
Возвращает имя программы Web-обозревателя, например, "Netscape" или "Microsoft Internet Explorer".
AppVersion
Возвращает версию программы Web-обозревателя.
BrowserLanguage
Возвращает код программы Web-обозревателя. Поддерживается только IE начиная с 4.0
CookieEnabled
Возвращает true, если Web-обозревателю разрешен пользователем прием cookie. Поддерживается только IE начиная с 4.0
CpuClass
Возвращает класс процессора клиентского компьютера, например, "x86" или "Alpha". Поддерживается только IE начиная с 4.0
Language
Возвращает код языка программы Web-обозревателя. Поддерживается только NN начиная с 4.0
OnLine
Возвращает true, если клиент в настоящее время подключен к интернету (находится в режиме on-line), и false, если отключен (off-line).
Поддерживается только IE начиная с 4.0
Platform
Возвращает название клиентской платформы, например, "Win32".
SystemLanguage
Возвращает код языка операционной системы клиента. Поддерживается только IE начиная с 4.0
UserAgent
Возвращает строку, идентифицирующую Web-обозреватель клиента. Является комбинацией значений свойств appCodeName и appVersion.
UserLanguage
То же самое, что browserLanguage.
Поддерживается только IE начиная с 4.0
Объект navigator поддерживает, кроме того, метод javaEnabled(), возвращающий true, если Web-обозревателю разрешено пользователем выполнение сценариев JavaScript.
Немного более подробно хотелось бы сказать о свойстве appVersion, а точнее о возвращаемом им значении. Все дело в том, что у IE и NN оно будет разным.
Вот какой формат будет у Navigator:
{Версия} [{Язык}] ({Операционная система}; U|I)
Здесь {Версия} представляет собой версию Web-обозревателя, {Язык} - язык программы (но может и отсутствовать), {Операционная система} - обозначение операционной системы клиента, например, "Win96", "Win16" или "WinNT", буква "U" - американскую версию программы, а "I" - интернациональную.
Например:
4.0 [ru] (Win95; I)
У Internet Explorer формат вывода значений свойства appVersion другой:
{Совместимая версия Navigator} (compatible; {Версия}; {Операционная система})
Здесь {Операционная система} может принимать значения "Windows 3.1", "Windows 3.11", "Windows 95" или "Windows NT".
2.0 (compatible; 3.01; Win95)
Свойство userAgent возвращает значение, имеющее формат:
{Значение appCodeName}/{Значение appVersion}
То есть, для двух предыдущих примеров мы получим следующие значения:
Mozilla/4.0 (Win95; I)Mozilla/2.0 (compatible; 3.01; Win95)
Объект screen
Объект screen служит для доступа к характеристикам видеосистемы компьютера клиента.
AvailHeight
Возвращает высоту полезной области экрана без панели задач и подобных ей элементов графического интерфейса системы.
AvailWidth
Возвращает ширину полезной области экрана без панели задач и подобных ей элементов графического интерфейса системы.
ColorDepth
Возвращает глубину цвета. Для 16 цветов возвращается 2, для 256 - 8, для 16,7 миллионов цветов (режим High Color) - 32
Height
Возвращает полную высоту экрана.
Width
Возвращает полную ширину экрана.
Объект history
Объект history представляет интерфейс к списку истории Web-обозревателя, т.е. списку всех Web-страниц, просмотренных пользователем в течение времени, указанного в настройках.
Свойства объекта history
Current
Возвращает интернет-адрес документа, загруженного в настоящее время.
Length
Возвращает размер списка истории.
Next
Возвращает интернет-адрес следующего в списке истории документа.
Previous
Возвращает интернет-адрес предыдущего в списке истории документа.
Методы объекта history
Back()
Загружает в окно Web-обозревателя предыдущий документ из списка истории.
Forward()
Загружает в окно Web-обозревателя следующий документ из списка истории.
Go()
go({Адрес})
Загружает в окно Web-обозревателя следующий документ из списка истории, интернет-адрес которого наиболее близок к переданному в качестве параметра.
Поддерживается только NN.
go({Позиция})
Перемещается в списке истории на позицию, номер которой передан в качестве параметра.
Поддерживается только IE начиная с 4.0
go({Приращение})
Перемещается в списке историй на количество позиций, переданных в качестве параметра. Можно задавать как положительные, так и отрицательные значения приращения.
Поддерживается только NN.
Советы по JavaScript
|
|
|
