WWW.IATP.BY - Internet Access and Training Program in Belarus

Supported by Cheap Microsoft Windows XP Professional

Программирование на JavaScript для Web

Введение в JavaScript. Понятие Объектной модели.
Использование массивов.
Управление ходом программы.
Методы и функции.
Обработка событий.
Работа с окнами и фреймами.
Объекты.
Примеры.

1. Введение в JavaScript. Понятие Объектной модели

Скриптовые языки в некотором роде перевернули мир, и именно благодаря им появился DHTML, который позволяет делать со страничкой практически что угодно. Как известно, всего два языка претендуют на лавры победителя в броузере. Это VBScript - подмножество Visual Basic-а и JavaScript. Вот последним мы и займемся, как наиболее универсальным.

Сами по себе изучать скриптовые языки не имеет смысла, т.к. они тесно связаны с объектной моделью броузера и, по сути дела, большая часть скриптов просто устанавливает соответствующие свойства объектов или вызывает их методы.

Что такое объектная модель?

Давным-давно, когда броузеры еще имели номер версии равный единице, ничего подобного не было и в помине. Информация просто выводилась на дисплей по мере поступления, не подвергаясь никаким изменениям. Все было просто, и даже глюков совместимости еще не было :)

Сейчас же путь странички до дисплея гораздо дольше. Давайте поэтапно проследим ее путь:

Страничка скачивается с сайта и размещается в памяти компьютера

Производится анализ странички, в результате которого она препарируется на составляющие.

Блоки, из которых состоит страничка (<body></body>, <head></head>, <p></p> и т.д.) размещаются во временной базе данных соответственно структуре объектной модели.

База данных становится доступной другим программам и, в частности, рендеру, который выводит страничку на экран. Для доступа и управления содержимым этой базы данных броузер предоставляет нам механизм объектов и скриптовый язык, посредством которого и выполняется доступ.

Разумеется, содержимое базы может быть изменено до вывода на экран, что и позволяет работать DHTML. Но объектная модель остается работать даже после того, как страничка показана на экране дисплея. Это дает нам возможность в небольших пределах (а в последних версиях HTML 4.0 практически полностью) менять содержимое странички после загрузки.

Структура объектной модели

Чтобы было понятно, о чем мы говорим, рассмотрим общую структуру объектной модели. Ниже приведена объектная модель Internet Explorer-а версии 4 и выше.

window - объект, дающий доступ к окну броузера
frames - объект, дающий доступ к фреймам
- window...
- window...
- ...
document - объект, содержащий в себе всю страничку
- all - полная коллекция всех тегов документа
- forms - коллекция форм
- anchors - коллекция якорей
- appleеs - коллекция апплетов
- embeds - коллекция внедренных объектов
- filters - коллекция фильтров
- images - коллекция изображений
- links - коллекция ссылок
- plugins - коллекция подключаемых модулей
- scripts - коллекция блоков <script></script>
- selection - коллекция выделений
- stylesheets - коллекция объектов с индивидуально заданными стилями
history - объект, дающий доступ к истории посещенных ссылок
navigator - объект, дающий доступ к характеристикам броузера
location - объект, содержащий текущий URL
event - объект, дающий доступ к событиям
screen - объект, дающий доступ к характеристикам экрана

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

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

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

И, как Вы понимаете, вот здесь-то на сцену и выходит скриптовый язык, который и позволяет нам манипулировать объектами.

Как любой язык программирования, JavaScript имеет определенный набор типов переменных, операторов, встроенных функций и объектов. Изучение JavaScript как такового как раз и заключаются в запоминании всего этого. Но, как Вы понимаете, оторванный от объектной модели, он мало полезен сам по себе. А потому я просто расскажу о популярных эффектах, применяемых на страничках, попутно давая пояснения. И надеюсь, что если это Вас заинтересует, то более сложные вещи Вы уже напишите сами.

Как и где размещать код скрипта?

Но сначала мы немного отвлечемся от эффектов и поговорим о том, как и где размещать JavaScript. Так как язык скриптовый и рассчитан на работу на web-страничках, то его код размещается непосредственно в HTML-коде странички. Причем, код на JavaScript обычно состоит из двух частей:

Функции, которые вызываются из кода странички в ответ на какое-то событие
Код событий, которые вызывают функции :))

Описание функций должно располагаться в теге <head></head> - это гарантирует нам, что к моменту вызова функции она уже будет находиться в памяти компьютера. Для вставки кода используется специальный тег <script>, в параметрах которого мы и определяем конкретный язык. Вот пример типичного описания JavaScript-вставки:

<script language="JavaScript"

</script>

Обратите внимание, что непосредственно сам код заключен в тег комментария. Это сделано для того, чтобы более старые броузеры игнорировали непонятные им команды. Новые же программы знают о существовании закомментированных скриптов и им это не мешает.

Заметьте также, что закрывающий тег комментария несколько необычен и предваряется двумя косыми чертами. Две косые черты - это комментарий языка JavaScript, т.е. скрипт игнорирует все, что идет после него. А сделана такая сложная конструкция ради совместимости с Netscape, который закрывающий HTML-комментарий воспринимает как непонятную ему команду и, соответственно, вызывает ошибку.

2. Использование массивов

Массивы

Первый тип новых объектов, которые мы рассмотрим, являются массивы. Тип "Array" введен в JavaScript 1.1 для возможности манипулирования самыми разными объектами, которые отображаются Navigator'ом. Это - список всех гипертекстовых ссылок данной страницы Website, список всех картинок на данной странице, список всех applet'ов данной страницы, список всех элементов формы и т.п. Пользователь может создать и свой собственный массив, используя конструктор Array(). Делается это следующим образом:

new_array = new Array()
new_array5 = new Array(5)
colors = new Array ("red","white","blue")

Размерность массива может динамически изменяться. Можно сначала определить массив, а потом присвоить одному из его элементов значение. Как только это значение будет присвоено, изменится и размерность массива:

colors = new Array()
colors[5] = "red"

В данном случае массив будет состоять из 6 элементов, т.к. первым элементом массива считается элемент с индексом 0. Для массивов определены три метода: join, reverse, sort. Join объединяет элементы массива в строку символов, в качестве аргумента в этом методе задается разделитель:

colors = new Array("red","white","blue")
string = acolors.join("+")

В результате выполнения присваивания значения строке символов string мы получим следующую строку:

string = "red + white + blue"

Другой метод, reverse, изменяет порядок элементов массива на обратный, а метод sort отсортировывает их в порядке возрастания. У массивов есть два свойства: length и prototype. Length определяет число элементов массива. Если нужно выполнить некоторую рутинную операцию над всеми элементами массива, то можно воспользоваться циклом типа:

color = new Array("red","white","blue")
n = 0
while(n != colors.length)
{.... операторы тела цикла ...}

Свойство prototype позволяет добавить свойства к объектам массива. Однако наиболее часто, в программе на JavaScript используются встроенные массивы, главным образом графические образы (Images) и гипертекстовые ссылки (Links).

3. Управление ходом программы

Вообще, все типы операторов, которые поддерживаются обычными языками программирования, реализованы JavaScript (+,-,*, /, %, >>,<<, +=, -=, ...). При этом оператор сложения "+" при работе со строками означает конкатенацию последних, т.е. добавление в конец строки новую строку:

s = "string1"+"string2"

Кроме операций с числами и описаний стандартных классов в JavaScript есть команды управления потоком вычислений:

break - принудительный выход из цикла;
while(i &lt 6)
{
if(i==3) break;
}
continue - переход в конец цикла;
while(i &lt 6)
{
if(i==3) continue;
}
for - цикл;
for(i=0;i<9;i++)
{
...
}
for - цикл свойств объекта (переменных определенных в классе);
for(i in obj)
{
str = obj[i]
}
if..else - условный оператор;
if(i>0)
{
...
}
else
{
...
}
wile - условный цикл;
wile(j==k)
{
j++;
k--;
}

var - оператор объявления переменной.

var kuku = "kuku"

Тип переменной определяется по присвоенному ей значению.

Перечисленные здесь операторы не представляют полного перечня операторов JavaScript, но их вполне достаточно для выполнения практических занятий.

4. Методы и функции

Метод abs

Возвращает абсолютное значение числа.

Синтаксис:

Math.abs(number)
number любое числовое выражение или свойство существующего объекта.

Метод acos

Возвращает арккосинус числа (в радианах).

Синтаксис:

Math.acos(number)
number числовое выражение между -1 и 1 или свойство существующего объекта.

Метод Math

Описание:

Метод acos возвращает числовое значение между 0 и Пи. Если значение number находится за пределами данного диапазона, возвращаемое значение всегда будет 0.

Смотрите также:

методы asin, atan, cos, sin и tan.

Метод alert

Отображает диалоговое окно Alert с сообщением и кнопкой OK.

Синтаксис:

alert("message")

Метод window

Описание:

Метод alert используется для отображения сообщения, не требующего решения пользователя. Аргумент message определяет сообщение, которое содержит диалоговое окно.

Хотя alert является методом объекта window вам не нужно определять windowReference, при его вызове. Например, windowReference.alert() необязательно.

Смотрите также:

методы confirm, prompt.

Метод anchor

Создает HTML якорь, который используется как гипертекстовая ссылка.

Синтаксис:

text.anchor(nameAttribute)
text любая строка или свойство существующего объекта.
nameAttribute любая строка или свойство существующего объекта.

Метод string

Описание:

Метод anchor используется с методами write или writeln для программного создания и отображения якоря в документе. Якорь создается с помощью метода anchor, а write или writeln используется для отображения якоря в документе.
В синтаксисе строка text представляет собой текст, который увидит пользователь. Строка nameAttribute представляет собой атрибут NAME тага <A>.
Якоря, созданные с помощью метода anchor становятся элементами массива anchors. Информацию о массиве anchors смотрите в объекте anchor.

Смотрите также:

метод link

Метод asin

Возвращает арксинус числа (в радианах).

Синтаксис:

Math.asin(number)
number числовое выражение между -1 и 1 или свойство существующего объекта.

Метод Math

Описание:

Метод asin возвращает числовое значение между -Пи/2 и Пи/2. Если значение number находится за пределами данного диапазона, возвращаемое значение всегда будет 0.

Смотрите также:

методы acos, atan, cos, sin, tan.

Метод atan

Возвращает арктангенс числа (в радианах).

Синтаксис:

Math.atan(number)
number любое числовое выражение или свойство существующего объекта, представляющее собой тангенс угла.

Метод atan

Описание:

Метод atan возвращает числовое выражение между -Пи/2 и Пи/2.

Смотрите также:

методы acos, asin, cos, sin, tan.

Метод back

Позволяет вернуться на предыдущий URL в списке посещенных URL'ей.

Синтаксис:

history.back()

Метод history

Описание:

Этот метод выполняет действие равносильное выбору пользователем кнопки Back в окне Navigator'а. Метод back также равносилен history.go(-1).

Смотрите также:

методы forward, go.

Метод big

Вызывает строку, отображаемою большим шрифтом, как если установить ей таг <BIG>.

Синтаксис:

stringName.big()
stringName любая строка или свойство существующего объекта.

Метод string

Описание:

Для форматирования и отображения строки в документе метод big используется с методами write или writeln.

Смотрите также:

методы fontsize, small.

Метод blink

Вызывает мигающую строку, как если установить ей таг <BLINK>.

Синтаксис:

stringName.blink()
stringName любая строка или свойство существующего объекта.

Метод string

Описание:

Для форматирования и отображения строки в документе метод blink используется с методами write или writeln.

Смотрите также:

методы bold, italics, strike.

Метод blur

Изменен в Navigator 3.0.
Убирает фокус с указанного объекта.

Синтаксис:

1. password.blur()
2. select.blur()
3. textName.blur()
4. textareaName.blur()

password любое значение атрибута NAME объекта password или элемент массива elements.

select любое значение атрибута NAME объекта select или элемент массива elements.

textName любое значение атрибута NAME объекта text или элемент массива elements.

textareaName любое значение атрибута NAME объекта textarea или элемент массива elements.

Метод password, select, text, textarea.

Описание:

Метод blur используется для удаления фокуса с указанного элемента формы.

Смотрите также:

методы focus, select.

Метод bold

Вызывает строку, отображаемую жирным шрифтом, как если установить ей таг <B>.

Синтаксис:

stringName.bold()
stringName любая строка или свойство существующего объекта.

Метод string

Описание:

Для форматирования и отображения строки в документе метод bold используется с методами write или writeln.

Смотрите также:

методы blink, italics, strike.

Метод ceil

Возвращает ближайшее целое числа, округленного в большую сторону или равное числу.

Синтаксис:

Math.ceil(number)
number любое числовое выражение или свойство существующего объекта.

Метод charAt

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

Синтаксис:

stringName.charAt(index)
stringName любая строка или свойство существующего объекта.
index любое целое число от 0 до stringName.length-1 или свойство существующего объекта.

Метод string

Описание:

Символы в строке индексируются слева направо. Индексом первого символа является 0, индексом последнего символа - stringName.length-1. Если вы указали index превышающий количество символов в строке, JavaScript возвратит пустую строку.

Смотрите также:

методы indexOf, lastindexOf.

Метод clearTimeout

Окончание задержки, установленной методом setTimeout.

Синтаксис:

clearTimeout(timeoutID)
timeoutID задержка, установка которой была возвращена предыдущим вызовом метода setTimeout.

Метод frame, window

Описание:

Смотрите описание метода setTimeout

Смотрите также:

метод setTimeout

Метод click

Имитирует щелчок мыши на выбранном элементе формы.

Синтаксис:

buttonName.click()

radioName[index].click()

checkboxName.click()

buttonName любое значение атрибута NAME объектов button, reset или submit или элемент массива elements.
radioName значение атрибута NAME объекта radio или элемент массива elements.
index целое число, представляющее кнопку radio в объекте radio.
checkboxName любое значение атрибута NAME объекта checkbox или элемент массива elements.

Метод button, checkbox, radio, reset, submit.

Описание:

Результат действия метода click изменяется в зависимости от вызываемого элемента:

для button, reset и submit выполняется одинаковое действие - нажатие кнопки.
для radio - выбор кнопки radio.
для checkbox - отметка галочкой checkbox и установка значения на on.

Метод close (объект document)

Закрывает поток вывода и завершает вывод данных в рабочую область Navigator'а для отображения.

Синтаксис:

document.close()

Метод document

Описание:

Метод close закрывает поток вывода, открытый методом document.open(). Если поток был открыт для рабочей области Navigator'а, метод close завершает вывод содержимого потока на экран. Таги стиля шрифта, такие как <BIG> и <CENTER>, автоматически закрывают поток вывода. Метод close также останавливает "meteor shower" в иконе Navigator'а и отображает "Document: Done" в строке состояния.

Смотрите также:

методы open, write, writeln.

Метод close (объект window)

Изменен в Navigator 3.0.
Закрывает указанное окно.

Синтаксис:

windowReference.close()
windowReference ссылка на окно, как описано в объекте window.

Метод window

Описание:

Метод close закрывает указанное окно. Если вы объявляете close без указания windowReference, то JavaScript закрывает текущее окно.
В событиях вы должны указывать window.close() вместо обычно используемого close(). Объявление close() без определения имени объекта равносильно document.close().

Смотрите также:

метод open

Метод confirm

Отображает диалоговое окно с указанным сообщением и кнопками OK и Cancel.

Синтаксис:

confirm("message")
message любая строка или свойство существующего объекта.

Метод:

window

Описание:

Метод confirm используется для принятия пользователем решения, требующего выбора OK или Cancel. Аргумент message определяет сообщение, которое требует решения пользователя. Метод confirm возвращает true, если пользователь выбрал OK, и false, если пользователь выбрал Cancel.
Хотя confirm является методом объекта window, вам не нужно указывать windowReference при его вызове. Например, windowReference.confirm() является необязательным.

Смотрите также:

методы alert, prompt

Метод cos

Возвращает косинус числа.

Синтаксис:

Math.cos(number)
number числовое выражение, представляющее собой размер угла в радианах или свойство существующего объекта.

Метод cos возвращает числовое значение между -1 и 1, которое представляет собой косинус угла.

Смотрите также:

методы acos, asin, atan, sin, tan.

Функция escape

Возвращает ASCII значение аргумента, закодированного в ISO Latin-1.

Синтаксис:

escape("string")
string не буквенно-числовая строка в ISO Latin-1 кодировке или свойство существующего объекта.

Описание:

Функция escape не является методом, связанным с любым объектом, но является частью самого языка.
Значение, возвращаемое функцией escape, является строкой вида "%xx", где xx является ASCII кодировкой символа в аргументе. Если аргументом функции escape является буквенно-числовым символом, то функция escape возвращает тот же символ.

Смотрите также:

функцию unescape.

Функция eval

Функция eval выполняет строку-аргумент и подставлает полученное значение вместо себя.

Синтаксис:

eval("string")
string любая строка, представляющая собой JavaScript выражение, команду или последовательность команд. Выражение может включать переменные и свойства существующего объекта.

Описание:

Функция eval является встроенной функцией JavaScript. Она не является методом, связанным с любым объектом, но является частью самого языка.
Аргументом функции eval является строка. Не используйте eval для вычислений арифметических выражений. JavaScript вычисляет арифметические выражения автоматически. Если аргумент представляет собой выражение, eval вычисляет выражение. Если аргумент представляет собой одно или более JavaScript команд, то eval выполняет команды.
Если вы построили арифметическое выражение как строку, вы можете использовать eval для ее вычисления.

Метод exp

Возвращает enumber, где number является аргументом, а e является экспонентой, основанием натурального логарифма.

Синтаксис:

Math.exp(number)
number любое числовое выражение или свойство существующего объекта.

Метод:
Math
Смотрите также:
методы log, pow.
Метод fixed
Вызывает строку, отображаемую моноширинным шрифтом, как если установить ей таг <TT>.
Синтаксис:
stringName.fixed()
stringName любая строка или свойство существующего объекта.
Метод:
string
Описание:
Для форматирования и отображения строки в документе метод fixed используется с методами write и writeln.
Метод floor
Возвращает ближайшее целое числа, округленного в меньшую сторону или равное числу.
Синтаксис:

Math.floor(number)
number любое числовое выражение или свойство существующего объекта.
Метод:
Math
Смотрите также:
метод ceil.
Метод focus
Изменен в Navigator 3.0.
Устанавливает фокус на определенный объект.
Синтаксис:

1. password.focus()
2. select.focus()
3. textName.focus()
4. textareaName.focus()

password любое значение атрибута NAME объекта password или элемент массива elements.
select любое значение атрибута NAME объекта select или элемент массива elements.
textName любое значение атрибута NAME объекта text или элемент массива elements.
textareaName любое значение атрибута NAME объекта textarea или элемент массива elements.
Метод:
password, select, text, textarea.
Описание:
Метод focus используется для установки фокуса на указанный элемент формы. Вы можете затем программно ввести значение в элемент или позволить пользователю ввести значение.
Смотрите также:
методы blur, select.
Метод fontcolor
Вызывает строку, отображаемую установленным цветом, как если поместить ее в таг <FONT COLOR=color>.
Синтаксис:
stringName.fontcolor(color)
stringName любая строка или свойство существующего объекта.
color строка или свойство существующего объекта, определяющая цвет как шестиразрядное шестнадцатиричное число (RGB) или как одно из строковых названий в списке Color Value.
Метод:
string
Описание:
Для форматирования и отображения строки в документе метод fontcolor используется с методами write и writeln.
Если вы определяете color как шестиразрядное шестнадцатиричное число вы должны использовать формат rrggbb.
Метод fontcolor анулирует значение, установленное в свойстве fgColor.
Метод fontsize
Вызывает строку, отображаемую установленным размером шрифта, как если поместить ее в таг <FONT SIZE=size>.
Синтаксис:
stringName.fontsize(size)
stringName любая строка или свойство существующего объекта.
size целое число от 1 до 7 или строка, представляющая собой целое со знаком (+ или -) от 1 до 7, или свойство существующего объекта.
Описание:
Для форматирования и отображения строки в документе метод fontsize используется с методами write и writeln.
Когда вы определяете size как целое, вы устанавливаете размер stringName в один из семи специфицированных размеров. Когда вы определяете size как "-2", вы устанавливаете размер шрифта stringName относительно размера, установленного в таге .
Смотрите также:
методы big, small.
Метод forward
Загружает следующий URL в списке посещенных URL'ей.
Синтаксис:
history.forward()
Метод:
history
Описание:
Этот метод выполняет действие равносильное выбору пользователем кнопки Forward в окне Navigator'а. Метод forward также равносилен history.go(1).
Смотрите также:
методы back, go.
Метод getDate
Возвращает число месяца для указанной даты.
Синтаксис:
dateObjectName.getDate()
dateObjectName любое имя объекта date или свойство существующего объекта.
Метод:
Date
Описание:
Значение, возвращаемое getDate, является целым числом от 1 до 31.
Смотрите также:
метод setDate
Метод getDay
Возвращает день недели для указанной даты.
Синтаксис:
dateObjectName.getDay()
dateObjectName любое имя объекта date или свойство существующего объекта.
Метод:
Date
Описание:
Значение, возвращаемое getDay, является целым числом, соответствующим дню недели: ноль для воскресенья, один для понедельника, два для вторника и так далее.
Метод getHours
Возвращает часы для указанной даты.
Синтаксис:
dateObjectName.getHours()
dateObjectName любое имя объекта date или свойство существующего объекта.
Метод:
Date
Описание:
Значение, возвращаемое getHours, является целым числом от 0 до 23.
Смотрите также:
метод setHours.
Метод getMinutes
Возвращает минуты для указанной даты.
Синтаксис:
dateObjectName.getMinutes()
dateObjectName любое имя объекта date или свойство существующего объекта.
Метод:
Date
Описание:
Значение, возвращаемое getMinutes, является целым числом от 0 до 59.
Смотрите также:
метод setMinutes.
Метод getMonth
Возвращает месяц для указанной даты.
Синтаксис:
dateObjectName.getMonth()
dateObjectName любое имя объекта date или свойство существующего объекта.
Метод:
Date
Описание:
Значение, возвращаемое getMonth, является целым числом от 0 до 11. Ноль соответствует январю, один - февралю и так далее.
Смотрите также:
метод setMonth.
Метод getSeconds
Возвращает секунды в текущем времени.
Синтаксис:
dateObjectName.getSeconds()
dateObjectName любое имя объекта date или свойство существующего объекта.
Метод:
Date
Описание:
Значение, возвращаемое getSeconds, является целым числом от 0 до 59.
Смотрите также:
метод setSeconds.
Метод getTime
Возвращает числовое значение, соответствующее времени для указанной даты.
Синтаксис:
dateObjectName.getTime()
dateObjectName любое имя объекта date или свойство существующего объекта.
Метод:
Date
Описание:
Значение, возвращаемое методом getTime, является числом миллисекунд, начиная с 1 января 1970 00:00:00. Вы можете использовать этот метод для назначения даты и времени другому объекту date.
Смотрите также:
метод setTime.
Метод getTimezoneOffset
Возвращает смещение временной зоны в минутах относительно гринвичского меридиана.
Синтаксис:
dateObjectName.getTimezoneOffset()
dateObjectName любое имя объекта date или свойство существующего объекта.
Метод:
Date
Описание:
Смещение временной зоны является разницей между местным временем и GMT (гринвичским временем). Сезонное время (зимнее, летнее) не дает возможности говорить об этом смещении как о константе.
Метод getYear
Возвращает год для указанной даты.
Синтаксис:
dateObjectName.getYear()
dateObjectName любое имя объекта date или свойство существующего объекта.
Метод:
Date
Описание:
Значение, возвращаемое getYear, равно году минус 1900. Например, если год равен 1976, то возвращаемое значение равно 76.
Смотрите также:
метод setYear.
Метод go
Загружает URL из списка посещенных URL'ей.
Синтаксис:
history.go(delta | location)
delta целое число или свойство существующего объекта, представляющее собой относительную позицию в списке посещенных URL'ей.
location строка или свойство существующего объекта, представляющая собой URL или его часть из списка посещенных URL'ей.
Метод:
history
Описание:
Метод go позволяет перейти на адрес, содержащийся в списке посещенных URL'ей, который указан вами в качестве аргумента метода go. Вы можете посмотреть этот список, выбрав History в меню Window. Последние 10 позиций списка также отображаются в меню Go.
Аргумент delta может быть положительным и отрицательным числом. Если delta больше нуля, то метод go переходит на URL вперед в списке посещенных URL'ей; в противном случае переход осуществляется на URL назад. Если delta равна 0, то Navigator перезагружает текущую страницу.
Аргумент location является строкой. location выбирает для загрузки ближайший адрес в списке посещенных URL'ей, содержащий подстроку location, указанную вами в качестве аргумента. Каждая часть URL содержит определенную информацию. Смотрите объект location, где описаны компоненты URL.
Смотрите также:
методы back, forward.
Метод indexOf
Возвращает индекс позиции впервые встреченного искомого значения в вызванном объекте string. Поиск начинается с fromIndex.
синтаксис:
stringName.indexOf(searchValue, [fromIndex])
stringName любая строка или свойство существующего объекта.
searchValue строка или свойство существующего объекта, представляющая собой искомое значение.
fromIndex место в вызванной строке, с которого начинается поиск. Это может быть любое целое число от 0 до stringName.length-1 или свойство существующего объекта.
Метод:
string
Описание:
Символы в строке индексируются слева направо. Индекс первого символа равен 0, индекс последнего - stringName.length-1.
Если вы не указываете значение fromIndex, JavaScript принимает по умолчанию 0. Если searchValue не найден, JavaScript возвращает -1.
Смотрите также:
методы charAt, lastIndexOf.
Функция isNaN
Изменена в Navigator 3.0.
На UNIX платформах проверяет аргумент, является ли он "NaN" (не числом).
Синтаксис:
isNaN(testValue)
testValue значение, которое вы хотите проверить.
Описание:
Функция isNaN является встроенной функцией JavaScript. Она не является методом, связанным с любым объектом, но является частью самого языка. Функция isNaN применяется только на UNIX платформах.
На всех платформах, за исключением Windows, функции parseFloat и parseInt возвращают "NaN", когда они принимают нечисловое значение. Значение "NaN" не является числом в любом случае. Вы можете вызывать функцию NaN для того, чтобы определить является ли результат parseFloat или parseInt "NaN". Если над "NaN" совершаются арифметические операции, то их результатами также будет "NaN".
Функция isNaN возвращает true или false.
Смотрите также:
функции parseFloat, parseInt.
Метод italics
Вызывает строку, отображаемую курсивом, как если установить ей таг <I>.
Синтаксис:
stringName.italics()
stringName любая строка или свойство существующего объекта.
Метод:
string
Описание:
Для форматирования и отображения строки в документе метод italics используется с методами write или writeln.
Смотрите также:
методы blink, bold, strike.
Метод lastIndexOf
Возвращает индекс впервые встреченного искомого значения в вызванном объекте string. Поиск по строке осуществляется в обратном направлении, начиная с fromIndex.
Синтаксис:
stringName.lastindexOf(searchValue, [fromIndex])
stringName любая строка или свойство существующего объекта.
searchValue строка или свойство существующего объекта, представляющая собой искомое значение.
fromIndex место в вызванной строке, с которого начинается поиск. Это может быть любое целое число от 0 до stringName.length-1 или свойство существующего объекта.
Метод:
string
Описание:
Символы в строке индексируются слева направо. Индекс первого символа равен 0, индекс последнего - stringName.length-1.
Если вы не указываете значение fromIndex, JavaScript принимает по умолчанию stringName.length-1 (конец строки). Если searchValue не найден, JavaScript возвращает -1.
Смотрите также:
методы charAt, IndexOf.
Метод link
Создает гипертекстовую ссылку HTML, по которой можно перейти на другой URL.
Синтаксис:
linkText.link(hrefAttribute)
Метод:
string
Описание:
Для создания и отображения гипертекстовой ссылки в документе метод link используется с методами write или writeln. Создайте ссылку методом link, затем вызовите write или writeln для отображения ссылки в документе.
В синтаксисе строка linkText представляет собой текст, который увидит пользователь. Строка hrefAttribute представляет собой атрибут HREF тага <A>, это будет целевой URL. Каждая часть URL содержит определенную информацию. Смотрите объект location, где описаны компоненты URL.
Ссылки, созданные методом link, становятся элементами массива links.
Смотрите также:
метод anchor.
Метод log
Возвращает натуральный логарифм числа (по основанию e).
Синтаксис:
Math.log(number)
number любое положительное числовое выражение или свойство существующего объекта.
Метод:
Math
Описание:
Если значение number находится за пределами диапазона, возвращенное значение всегда будет -1.797693134862316e+308.
Смотрите также:
методы exp, pow.
Метод max
Возвращает большее число из двух.
Синтаксис:
Math.max(number1, number2)
number1 и number2 любые числовые аргументы или свойства существующих объектов.
Метод:
Math
Смотрите также:
метод min.
Метод min
Возвращает меньшее число из двух.
Синтаксис:
Math.min(number1, number2)
number1 и number2 любые числовые аргументы или свойства существующих объектов.
Метод:
Math
Смотрите также:
метод max.
Метод open (объект document)
Открывает поток для получения вывода методами write и writeln.
Синтаксис:
document.open(["mimeType"])
mimeType устанавливает любой из следующих типов документа:
text/html
text/plain
image/gif
image/jpeg
image/x-bitmap
plug-In
plug-In любой составной plug-in MIME тип, поддерживаемый Netscape'ом.
Метод:
document
Описание:
Метод open открывает поток для получения вывода методами write и writeln. Если mimeType является текстом или картинкой, то поток открыт в рабочую область Navigator'а; иначе, поток открыт на plug-in. Если документ уже существует в целевом окне, то метод open очищает его.
Для закрытия потока используйте метод document.close(). Метод close вызывает текст или картинку, которые были отправлены в рабочую область Navigator'а для отображения. После использования document.close(), введите document.open() снова, когда вы захотите начать вывод другого потока.
mimeType является необязательным аргументом, определяющим тип документа. Если вы не указываете mimeType, то метод open принимает по умолчанию text/html.
Описание mimeType:
text/html определяет текст, содержащий ASCII текст в HTML формате.
text/plain определяет текст, содержащий ASCII текст с символами конца строки, для ограничения отображаемых строк.
image/gif определяет документ с закодированными байтами, содержащий GIF заголовок и размеры в пикселях.
image/jpeg определяет документ с закодированными байтами, содержащий JPEG заголовок и размеры в пикселях.
image/x-bitmap определяет документ с закодированными байтами, содержащий bitmap заголовок и размеры в пикселях.
plug-in загружает определенный plug-in и использует его как место назначения для методов write и writeln. Например, "x-world/vrtml" загружет VR Scout VRML plug-in из Chaco Communications, а "aplication/x-director" загружает Macromedia Shockware plug-in.
Смотрите также:
методы close, write, writeln.
Метод open (объект window)
Открывает новое окно web-броузера.
Синтаксис:
[windowVar=][window].open("URL", "windowName", ["windowFeatures"])
windowVar имя нового окна. Эта переменная используется при ссылках на свойства, методы и контейнеры окна.
URL определяет URL, открываемый в новом окне. Смотрите объект location, где описаны компоненты URL.
windowName имя окна, используемое в атрибуте TARGET тага <FORM> или <A>. windowName может содержать только буквенно-цифровые символы или символ подчеркивания (_).
windowFeatures список через запятую любых из следующих опций или значений:

toolbar[=yes | no] | [=1 | 0]
location[=yes | no] | [=1 | 0]
directoties[=yes | no] | [=1 | 0]
status[=yes | no] | [=1 | 0]
menubar[=yes | no] | [=1 | 0]
scrollbars[=yes | no] | [=1 | 0]
resizable[=yes | no] | [=1 | 0]
width=pixels
height=pixels

Вы можете использовать любой набор этих опций. Опции разделяются запятой. Не делайте пробелов между опциями.
pixels положительное целое число, определяющее размеры окна в пикселях.
Метод:
window
Описание:
Метод open открывает новое окно web-броузера клиента, что равносильно выбору New WebBrowser из меню File Navigator'а. Аргумент URL определяет URL, содержащийся в новом окне. Если URL является пустой строкой, то создастся пустое окно.
В событиях вы должны указывать window.open() вместо обычно используемого open(). Объявление open() без определения имени объекта равносильно document.open().
windowFeatures является необязательным списком перечисленных через запятую опций для нового окна. Булевы опции windowFeatures принимают значение true, если они определены без значений, или как yes или 1. Например, open("", "messageWindow", "toolbar") и open("", "messageWindow", "toolbar=1") как в первом, так и во втором случае опция toolbar принимает значение true. Если windowName не определяет существующего окна и вы не определяете windowFeatures, то все булевы опции windowFeatures принимают по умолчанию значение true. Если вы определяете любую из опций windowFeatures, то все остальные опции принимают значение false, если вы их не определите дополнительно.
Описание windowFeatures:
toolbar создает стандартные рабочие инструменты Navigator'а, с такими кнопками как "Back" и "Forward".
location создает поле ввода Location.
directories создает кнопки стандартных директорий Navigator'а, такие как "What's New" и "What's Coll".
status создает строку состояния внизу окна.
menubar создает меню вверху окна.
scrollbars создает горизонтальную и вертикальную прокрутки, когда документ больше, чем размер окна.
resizable позволяет пользователю изменять размер окна.
width определяет ширину окна в пикселях.
height определяет высоту окна в пикселях.
Смотрите также:
метод close.
Метод parse
Возвращает количество миллисекунд в строковом представлении даты, начиная с 1 января 1970 00:00:00, по местному времени.
Синтаксис:
Date.parse(dateString)
Метод:
Date
Описание:
Метод parse выдает дату в строковом представлении (например, "Dec 25, 1995") и возвращает количество миллисекунд, начиная с 1 января 1970 00:00:00 (по местному времени). Эта функция используется для установки значений даты, основанных на строковом значении, например, в сочетании с методом setTime и объектом Date.
Полученная строка представляет собой время, parse возвращает значение времени. Она принимается в стандартном синтаксисе даты IETF: "Mon, 25 Dec 1995 13:30:00 GMT". Она понимает континентальную US временную зону, но в основном, используется временная зона смещения, например "Mon, 25 Dec 1995 13:30:00 GMT+0430" (4 часа, 30 минут западнее Гринвича). Если вы не указали временной зоны, принимается местная временная зона. GMT и UTC считаются эквивалентными.
Так как функция parse является статическим методом Date, вы всегда используете ее как Date.parse(), а не как метод созданного вами объекта date.
Смотрите также:
метод UTC
Функция parseFloat
Анализирует строковый аргумент и возвращает число с плавающей точкой.
Синтаксис:
parseFloat(string)
string строка, представляющая собой значение, которое вы хотите проанализировать.
Описание:
Функция parseFloat является встроенным объектом JavaScript. Она не является методом, связанным с любым объектом, но является частью самого языка.
Функция parseFloat анализирует строку-аргумент и возвращает число с плавающей точкой. Если встреченный им символ отличается от знака (+ или -), цифры (0-9), десятичной точки или экспоненты, то он возвращает значение до этой точки, игнорируя этот символ и все последующие символы.
Если первый символ не может быть конвертирован в число, parseFloat возвращает одно из следующих значений:
"пусто" на Windows платформах.
"NaN" на любых других платформах указывает на то, что значение не является числом.
Смотрите также:
методы isNaN, parseInt.
Функция parseInt
Анализирует строковый аргумент и возвращает целое число, определенное как основание.
Синтаксис:
parseInt(string [,radix])
string строка, которая представляет собой значение, которое вы хотите проанализировать.
radix целое число, представляющее собой основание, возвращаемого значения.
Описание:
Функция parseFloat является встроенным объектом JavaScript. Она не является методом, связанным с любым объектом, но является частью самого языка.
Функция parseFloat анализирует его первый аргумент-строку и пытается возвратить целое число, определенное как основание. Например, основание 10 означает перевод в десятичное число, 8 - восьмеричное, 16 - шестнадцатиричное, и т.д.
Если parseInt в указанном основании встречает символ, не являющийся числом, то он пропускает его и все следующие символы и возвращает целочисленное значение разобранное до точки. ParseInt усекает числа до целочисленных значений.
Если основание не определено или определено как 0, JavaScript принимает следующее:
если ввод string начинается с "0x", то основание равно 16 (шестнадцатиричное).
если ввод string начинается с "0", то основание равно 8 (восьмиричное).
если ввод string начинается с любого другого значения, то основание равно 10 (десятичное).
если первый символ не может быть конвертирован в число, parseFloat возвращает одно из следующих значений:
o "пусто" на Windows платформах.
o "NaN" на любых других платформах указывает на то, что значение не является числом.

Для арифметических целей значение "NaN" не явяляется числом в любом случае. Вы можете вызвать функцию isNaN для того, чтобы определить является ли результат parseInt "NaN". Если "NaN" применить в арифметических операциях, то их результатами также будут "NaN".
Смотрите также:
функции isNaN, parseFloat.
Метод pow
Возвращает base в степени exponent, т.е. baseexponent.
Синтаксис:
Math.pow(base, exponent)
base числовое выражение или свойство существующего объекта.
exponent числовое выражение или свойство существующего объекта. Если результат может оказаться недопустимым значением (например, pow(-1, 0.5), то возвращенное значение равно нулю.
Метод:
Math
Смотрите также:
методы exp, log.
Метод prompt
Отображает диалоговое окно с сообщением и полем ввода.
Синтаксис:
prompt(message, [inputDefault])
message любая строка или свойство существующего объекта; строка отображается как сообщение.
inputDefault строка, целое число или свойство существующего объекта, представляющая собой значение вводимое в поле по умолчанию.
Метод:
window
Описание:
Метод prompt используется для отображения диалогового окна, требующего ввода текста пользователем. Если вы не определяете первоначальное значение для inputDefault, то диалоговое окно отображает значение <undefined>.
Хотя prompt является методом объекта window, вам не нужно определять windowReference, при его вызове. Например, windowReference.prompt() является не обязательным.
Смотрите также:
методы alert, confirm.
Метод random
Изменен в Navigator 3.0.
Возвращает случайное число между нулем и единицей. Этот метод применяется только на UNIX платфомах.
Синтаксис:
Math.random()
Метод:
Math
Метод setDate
Устанавливает число месяца для указанной даты.
Синтаксис:
dateObjectName.setDate(dayValue)
dateObjectName любое имя объекта date или свойство существующего объекта.
dayValue целое число от 1 до 31 или свойство существующего объекта, представляющего собой число месяца.
Метод:
Date
Смотрите также:
метод getDate.
Метод setHours
Устанавливает часы для указанной даты.
Синтаксис:
dateObjectName.setHours(hoursValue)
dateObjectName любое имя объекта date или свойство существующего объекта.
hoursValue целое число от 0 до 23 или свойство существующего объекта, представляющее собой часы.
Метод:
Date
Смотрите также:
метод getHours.
Метод setMinutes
Устанавливает минуты для указанной даты.
Синтаксис:
dateObjectName.setMinutes(minutesValue)
dateObjectName любое имя объекта date или свойство существующего объекта.
minutesValue целое число от 0 до 59 или свойство существующего объекта, представляющее собой минуты.
Метод:
Date
Смотрите также:
метод getMinutes.
Метод setMonth
Устанавливает месяц для указанной даты.
Синтаксис:
dateObjectName.setMonth(month Value)
dateObjectName любое имя объекта date или свойство существующего объекта.
monthValue целое число от 0 до 11 (представляющее собой месяцы с января по декабрь) или свойство существующего объекта.
Метод:
Date
Смотрите также:
метод getMonth.
Метод setSeconds
Устанавливает секунды для указанной даты.
Синтаксис:
dateObjectName.setSeconds(secondsValue)
dateObjectName любое имя объекта date или свойство существующего объекта.
secondsValue целое число от 0 до 59 или свойство существующего объекта.
Метод:
Date
Смотрите также:
метод getSeconds.
Метод setTime
Устанавливает значение объекта date.
Синтаксис:
dateObjectName.setTime(timevalue)
dateObjectName любое имя объекта date или свойство существующего объекта.
timevalue целое число или свойство существующего объекта, представляющее собой количество миллисекунд, начиная с 1 января 1970 00:00:00.
Метод:
Date
Описание:
Метод setTime используется для добавления даты и времени другому объекту.
Смотрите также:
метод getTime.
Метод setTimeout
Выполняет выражение по истечении установленного количества миллисекунд.
Синтаксис:
timeoutID=setTimeout(expression, msec)
timeoutID идентификатор, который используется только для окончания выполнения, используя метод clearTimeout.
expression строковое выражение или свойство существующего объекта.
msec числовое значение, числовой ряд или свойство существующего объекта в миллисекундах.
Метод:
frame, window
Описание:
Метод setTimeout выполняет выражение после установленного количества времени. Он не выполняет выражение многократно. Например, если метод setTimeout установлен на 5 секунд, то выражение выполнится через 5 секунд, но не каждые 5 секунд.
Смотрите также:
метод clearTimeout.
Метод setYear
Устанавливает год для указанной даты.
Синтаксис:
dateObjectName.setYear(yearValue)
dateObjectName любое имя объекта date или свойство существующего объекта.
timevalue целое число больше чем 1900 или свойство существующего объекта.
Метод:
Date
Смотрите также:
метод getYear.
Метод sin
Возвращает синус числа.
Синтаксис:
Math.sin(number)
number числовое выражение или свойство существующего объекта, представляющее собой величину угла в радианах.
Метод:
Math
Описание:
Метод sin возвращает числовое значение между -1 и 1, представляющее собой синус угла.
Смотрите также:
методы acos, asin, atan, cos, tan.
Метод small
Выводит строку, отображаемую маленьким шрифтом, как если установить ей таг <SMALL>.
Синтаксис:
stringName.small()
stringName любая строка или свойство существующего объекта.
Метод:
string
Описание:
Для форматирования и отображения строки в документе метод small используется с методами write или writeln.
Смотрите также:
методы big, fontsize.
Метод sqrt
Возвращает квадратный корень числа.
Синтаксис:
Math.sqrt(number)
number любое неотрицательное числовое выражение или свойство существующего объекта.
Метод:
Math
Описание:
Если значение number находится за пределами данного диапазона, возвращенное значение всегда будет 0.
Метод strike
Выводит строку, отображаемую как перечеркнутый текст, как если установить ей таг <STRIKE>.
Синтаксис:
stringName.strike()

stringName любая строка или свойство существующего объекта.
Метод:
string
Описание:
Для форматирования и отображения строки в документе метод strike используется с методами write или writeln.
Смотрите также:
методы blink, bold, italics.
Метод sub
Выводит строку, отображаемую как нижний индекс, как если установить ей таг <SUB>.
Синтаксис:
stringName.sub()
stringName любая строка или свойство существующего объекта.
Метод:
string
Описание:
Для форматирования и отображения строки в документе метод sub используется с методами write или writeln.
Смотрите также:
методы sup.
Метод submit
Передает форму.
Синтаксис:
formName.submit()
formName любая строка или свойство существующего объекта.
Метод:
form
Описание:
Метод submit передает указанную форму. Он выполняет такое же действие как кнопка submit.
Метод submit используется для передачи данных http-серверу. Метод submit возвращает данные, используя методы "get" или "post", определенные в свойстве method.
Смотрите также:
объект submit.
свойство onSubmit.
Метод substring
Возвращает подстроку объекта string.
Синтаксис:
stringName.substring(indexA, indexB)
stringName любая строка или свойство существующего объекта.
indexA любое целое число от 0 до stringName.length-1 или свойство существующего объекта.
indexB любое целое число от 0 до stringName.length-1 или свойство существующего объекта.
Метод:
string
Описание:
Символы в строке индексируются слева направо. Индекс первого символа равен 0, индекс последнего - stringName.length-1.
Если indexA меньше чем indexB, то метод substring возвращает подстроку, начиная с символа indexA и заканчивая символом перед indexB. Если indexA больше чем indexB, то метод substring возвращает подстроку, начиная с символа indexB и заканчивая символом перед indexA. Если indexA равен indexB, то метод substring возвращает пустую строку.
Метод sup
Выводит строку, отображаемую как нижний индекс, как если установить ей таг <SUP>.
Синтаксис:
stringName.sup()
stringNameлюбая строка или свойство существующего объекта.
Метод:
string
Описание:
Для форматирования и отображения строки в документе метод sup используется с методами write или writeln.
Смотрите также:
методы sub.
Метод tan
Возвращает тангенс числа.
Синтаксис:
Math.tan(number)
number числовое выражение, представляющее собой величину угла в радианах, или свойство существующего объекта.
Метод:
Math
Описание:
Метод tan возвращает числовое значение, представляющее собой тангенс угла.
Смотрите также:
методы acos, asin, atan, cos, sin.
Метод toGMTString
Переводит дату в строку, используя среднее гринвичское время (GMT).
Синтаксис:
dateObjectName.toGMTString()
dateObjectName любое имя объекта date или свойство существующего объекта.
Метод:
Date
Описание:
Точный формат значения возвращаемого toGMTString зависит от платформы.
Смотрите также:
методы toLocaleString.
Метод toLocaleString
Переводит дату в строку, используя местный часовой пояс.
Синтаксис:
dateObjectName.toLocaleString()
dateObjectName любое имя объекта date или свойство существующего объекта.
Метод:
Date
Описание:
Если вы для перевода даты используете toLocaleString, помните, что различные locales собирают строку в различных путях. Используйте методы getHours, getMinutes, getSeconds для получения более переносимых результатов.
Смотрите также:
методы toGMTString.
Метод toLowerCase
Возвращает значение вызванной строки, переведенной в нижний регистр.
Синтаксис:
stringName.toLowerCase()
stringName любая строка или свойство существующего объекта.
Метод:
string
Описание:
Метод toLowerCase возвращает значение stringName, переведенное в нижний регистр. toLowerCase не изменяет значения stringName.
Смотрите также:
методы toUpperCase.
Метод toUpperCase
Возвращает значение вызванной строки, переведенной в верхний регистр.
Синтаксис:
stringName.toUpperCase()
stringName любая строка или свойство существующего объекта.
Метод:
string
Описание:
Метод toUpperCase возвращает значение stringName, переведенное в верхний регистр. toUpperCase не изменяет значения stringName.
Смотрите также:
методы toLowerCase.
Функция unescape
Возвращает ASCII строку для указанного значения.
Синтаксис:
unescape("string")
string строка или свойство существующего объекта, содержащие символы в любой из следующих форм:
"%integer", где integer - число между 0 и 255 (десятичное)
"hex", где hex - число между 0x0 и 0xFF (шестнадцатиричное)
Описание:
Функция unescape не является методом, связанным с каким-либо объектом, но является частью самого языка. Строка, возвращаемая функцией unescape, является рядом символов в ISO Latin-1 кодировке.
Смотрите также:
функцию escape.
Метод UTC
Возвращает количество миллисекунд в объект date, начиная с 1 января 1970 00:00:00, GMT.
Синтаксис:

Date.UTC(year, month, day, [, hrs] [, min] [, sec])
year год после 1990.
month месяц между 0-11.
day день месяца между 1-31.
hrs часы между 0-23.
min минуты между 0-59.
sec секунды между 0-59.
Метод:
Date

Описание:
UTC берет параметры даты, разделенные запятой, и возвращает количество миллисекунд, начиная с 1 января 1970 00:00:00, GMT.
Так как UTC является статическим методом Date, используйте его как Date.UTC(), а не как метод созданного вами объекта date.
Смотрите также:
метод parse.
Метод write
Пишет одно или более HTML выражений в документ в указанном окне.
Синтаксис:
document.write(expression1 [,expression2], ... [,expressionN])
с expression1 по expressionN любое JavaScript выражение или свойство существующего объекта.
Метод:
document
Описание:
Метод write отображает любое количество выражений в окне документа. Вы можете определить любое JavaScript выражение методом write, включая числовое, строковое или логическое.
Метод write является таким же как метод writeln, но метод write не добавляет символа перевода на новую строку в конец выходной информации.
Метод write используется внутри тага <SCRIPT> или внутри события. События выполняются после закрытия документа, поэтому метод write по умолчанию откроет новый документ с mimeType text/html, если вы не укажете метод document.open() в событии.
Смотрите также:
методы close, open, writeln.
Метод writeln
Пишет одно или более HTML выражений в документ в указанном окне, добавляя символ перевода на новую строку в конец выходной информации.
Синтаксис:
document.writeln(expression1 [,expression2], ... [,expressionN])
с expression1 по expressionN любое JavaScript выражение или свойство существующего объекта.
Метод:
document
Описание:
Метод writeln отображает любое количество выражений в окне документа. Вы можете определить любое JavaScript выражение методом write, включая числовое, строковое или логическое.
Метод writeln является таким же как метод write, но метод writeln добавляет символ перехода на новую строку в конец выходной информации. HTML игнорирует символ новой строки, за исключением определенных тагов, таких как <PRE>.
Метод writeln используется внутри любого тага <SCRIPT> или внутри события. События выполняются после закрытия документа, поэтому метод writeln по умолчанию откроет новый документ с mimeType text/html, если вы не укажете метод document.open() в событии.

5. Обработка событий

onBlur onMouseOver
onChange onSelect
onClick onSubmit
onFocus onUnload
onLoad

Обработчик событий onBlur
Изменен в Navigator 3.0.
Событие blur происходит когда поля формы select, text или textarea теряют фокус. Обработчик событий onBlur выполняет программу JavaScript, когда происходит событие blur.
Синтаксис onBlur смотрите в описании соответствующих объектов.
Обработчик событий:
select, text, textarea
Смотрите также:
обработчики событий onChange, onFocus
Обработчик событий onChange
Событие change происходит, когда поля формы select, text или textarea теряют фокус и их значения изменяются. Обработчик событий onChange выполняет программу JavaScript, когда происходит событие change.
Обработчик событий onChange используется для подтверждения данных после их изменения пользователем.
Синтаксис onChange смотрите в описании соответствующих объектов.
Обработчик событий:
select, text, textarea
Смотрите также:
обработчики событий onBlur, onFocus
Обработчик событий onClick
Событие click происходит при щелчке мышью на объекте формы. Обработчик событий onClick выполняет программу JavaScript, когда происходит событие click.
Синтаксис onClick смотрите в описании соответствующих объектов.
Обработчик событий:
button, checkbox, radio, link, reset, submit
Обработчик событий onFocus
Изменен в Navigator 3.0.
Событие focus происходит, когда поле получает фокус ввода с клавиатуры или щелчком мыши. Выбор результатов внутри поля связано с событием select, но не с событием focus. Обработчик событий onFocus выполняет программу JavaScript, когда происходит событие focus.
Синтаксис onFocus смотрите в описании соответствующих объектов.
Обработчик событий:
select, text, textarea
Смотрите также:
обработчики событий onBlur, onChange
Обработчик событий onLoad
Событие load происходит, когда Navigator завершает загрузку окна или всех фреймов внутри тага <FRAMESET> . Обработчик событий onLoad выполняет программу JavaScript, когда происходит событие load.
Обработчик событий onLoad используется внутри тагов <BODY> или <FRAMESET>, например, <BODY onLoad="...">.
В отношении <FRAMESET> и <FRAME> событие onLoad, размещенное внутри фрейма в таге <BODY>, выполняется перед событием onLoad, размещенном внутри <FRAMESET> в таге <FRAMESET>
Обработчик событий:
window
Смотрите также:
обработчик событий onUnload
Обработчик событий onMouseOver
Событие mouseOver происходит каждый раз, когда курсор мыши попадает на объект. Обработчик событий onMouseOver выполняет программу JavaScript, когда происходит событие mouseOver.
Вы должны возвращать true внутри обработчика событий, если вы хотите использовать свойства status или defaultStatus с обработчиком событий onMouseOver.
Синтаксис onMouseOver смотрите в описании соответствующих объектов.
Обработчик событий:
link
Обработчик событий onSelect
Событие select происходит, когда пользователь выбирает некоторый текст внутри поля text или textarea. Обработчик событий onSelect выполняет программу JavaScript, когда происходит событие select.
Синтаксис onSelect смотрите в описании соответствующих объектов.
Обработчик событий:
text, textarea
Обработчик событий onSubmit
Изменен в Navigator 3.0.
Событие submit происходит, когда пользователь отправляет форму на Web-сервер. Обработчик событий onSubmit выполняет программу JavaScript, когда происходит событие submit.
Вы можете использовать обработчик событий onSubmit для остановки передачи данных формы; для этого используется выражение return, которое возвращает false в обработчик событий. Любое другое возвращенное значение отправляет форму.
Синтаксис onSubmit смотрите в описании соответствующих объектов.
Обработчик событий:
form
Смотрите также:
объект submit
метод submit
Обработчик событий onUnload
Событие unload происходит, когда вы выходите из документа. Обработчик событий onUnload выполняет программу JavaScript, когда происходит событие unload.
Обработчик событий onLoad используется внутри тагов <BODY> или <FRAMESET>, например, <BODY onUnload="...">.
В отношении <FRAMESET> и <FRAME> событие onUnload, размещенное внутри фрейма в таге <BODY>, происходит перед событием onUnload, размещенного внутри <FRAMESET> в таге <FRAMESET>.
Обработчик событий:
window
Смотрите также:
обработчик событий onLoad

6. Работа с окнами и фреймами

При работе с фреймами и окнами в предыдущих версиях JavaScript постоянно приходилось отслеживать последовательность открытия окон и фреймов, для того, чтобы аккуратно их потом закрывать. На некоторых неточностях работы с окнами были основаны так называемые mail-bombs. Суть этих "подарков" заключалась в том, что если пользователь по почте принимает документ, который состоит только из одной команды:
window.close()
то система не спрашивая пользователя закрывала текущее окно, а в этот момент таким окном является окно электронной почты. Теперь, перед тем как что-либо закрыть, система будет спрашивать разрешения. Правда, опять не всегда. Если в момент получения команды на закрытие окна на экране только одно окно Navgator, то система его закроет без каких-либо комментариев.
Однако, работа с окнами и фреймами на этом не исчерпывается. Во-первых, в систему введено новое свойство opener, которое определено для текущего окна или фрейма, и методы blur и focus распространены на работу с окнами. Свойство opener определяет окно документа, который вызвал открытие окна текущего документа. Свойство определено для любого окна и фрейма. Необходимо выполнить некоторые функции по отношению к окну, открывшему данное окно, и можно использовать выражение типа:
window.opener.[method]
Например, если требуется закрыть окно-предшественник, то можно просто выполнить метод close:
window.opener.close()
Точно таким же способом можно изменить содержание этого окна при помощи методов write или writeln. Можно менять и другие свойства объектов в окне предшественнике. Следующий пример взят из дополнений к спецификации JavaScript:
window.opener.document.bgColor='cyan'
В данном случае для окна предшественника определен светло голубой цвет в качестве цвета фона. Но самым замечательным является то, что предшественника можно менять. Это значит, что автор получает возможность открывать и закрывать окна не строго иерархической последовательности, а в произвольном порядке. Управление многооконным интерфейсом в этом случае становится более гибким:

window.opener= new_window
window.opener = null

Первый пример переназначает для текущего окна окно-предшественник, в то время как второй вообще защищает предшественника от каких-либо действий. Все, что было сказано об окнах, распространяется и на фреймы, которые являются просто частным случаем окна. При работе с фреймами часто фрейм может быть порожден путем разбиения другого фрейма на части. Если при этом потребуется обратиться к окну-предшественнику фрейма-предшественника, то свойство opener в этом случае незаменимо. Разработчики языка следуют за пожеланиями авторов Websit'ов и практикой применения JavaScrip, которая на начальной стадии разработки языка не была столь очевидной. Кроме обращения к различным свойствам окон и фреймов разработчики расширили действие методов blur и focus с фреймов до окон. Теперь не только фрейм, но и окно может быть сделано текущем с использованием метода focus или, наоборот, переведено в фон при помощи метода blur. В ряде случаев, при порождении нескольких страниц, например, обращение к этим функциям бывает довольно полезным.

Объекты

Наталия Бельтикова, Ирина Кузина (РНЦ "Курчатовский институт")
anchor (массив anchors) location
button Math
checkbox navigator
Date password
document radio
массив elements reset
form (массив forms) string
frame (массив frames) submit
hidden text
history textarea
link (массив links) window
Объект anchor (массив anchors)
Фрагмент текста, который может быть помещен в гиперссылку.
Синтаксис:
Для определения anchor используется стандартный HTML синтаксис.
<A [HREF=locationorURL]
NAME="anchorName"
[TARGET="windowName"]>
anchorText
</a>
HREF=locationorURL идентифицирует назначение якоря или URL. Если этот атрибут представлен, то объект anchor также является объектом link.
NAME="anchorName" определяет таг, который является доступной гипертекстовой ссылкой внутри текущего документа.
TARGET="windowName" определяет окно, в которое будет загружаться ссылка. Этот атрибут имеет смысл, только если представлен HREF=locationorURL. Смотрите также link.
anchorText определяет текст, отображаемый якорем.
Вы можете также определить якорь, используя метод anchors.
Свойство:
document
Описание:
Если объект anchor является также объектом link, то объект входит в массивы anchors и links.
Массив anchors
Вы можете ссылаться на объекты anchor в вашей программе, используя массив anchors. Этот массив содержит запись для каждого тага <a>, содержащего атрибут NAME по порядку встречаемости в документе. Например, если документ содержит три поименованных якоря, то эти якоря представлены как document.anchor[0], document.anchor[1], document.anchor[2].
Использование массива anchors:
document.anchors[index]
document.anchors.length

index целое число, представляющее якорь в документе.
Для получения количества якорей в документе используется свойство length: document.anchors.length.
Хотя массив anchors представляет собой поименованные якоря, значение anchors[index] является всегда нулевым. Но если в документе якоря именуются по порядку натуральными числами, вы можете использовать массив anchors и его свойство length для употребления имени якоря перед использованием его в операторах, таких как установка location.hash.
Элементы массива anchors окрыты открыты только для чтения. Например, выражение document.anchors[0]="anchor1" не имеет эффекта.
Свойства:
Объект anchor не имеет свойств.
Массив anchors имеет следующие свойства:
length определяет число поименованных якорей в документе.
Методы:
нет
События:
нет
Объект button
Изменен в Navigator 3.0.
Нажимаемая кнопка в HTML форме.
Синтаксис:

Определение кнопки:
<INPUT
TYPE="button"
NAME="buttonName"
VALUE="buttonText"
[onClick="handlerText"]>
NAME="buttonName" определяет имя объекта button. Вы можете получить это значение, используя свойство name.
VALUE="buttonText" определяет текст, отображаемый на кнопке. Вы можете получить это значение, используя свойство value.
buttonName.propertyName
buttonName.methodName(parameters)
formName.elements[index].propertyName
formName.elements[index].methodName(parameters)

buttonName значение атрибута NAME объекта button.
formName значение атрибута NAME объекта form или элемента в массиве forms.
index целое число, представляющее объект button в форме.
propertyName одно из свойств, описанных ниже.
methodName один из методов, описанных ниже.
Свойство:
form
Описание:
Объект button в форме выглядит следующим образом:
Объект button является элементом формы и должен быть определен внутри тага <FORM>.
Объект button является обычной кнопкой, которую вы можете использовать для выполнения действия, определенного вами. Кнопка выполняет скрипт, определенный событием onClick.
Свойства:
name отражает атрибут NAME
value отражает атрибут VALUE
Методы:
click
События:
onClick
Смотрите также:
объекты form,reset и submit.
Объект checkbox
Изменен в Navigator 3.0.
Контрольный переключатель (checkbox) в HTML форме. checkbox является сенсорным переключателем, позволяющим пользователю устанавливать значение on или off.
Синтаксис:

TYPE="checkbox"
NAME="checkboxName"
VALUE="checkboxValue"
[CHECKED]
[onClick="handlerText"]>
textToDisplay
NAME="checkboxName" определяет имя объекта checkbox. Вы можете получить это значение, используя свойство name.
VALUE="checkboxValue" определяет значение, которое посылается серверу при выборе checkbox и отправке формы. По умолчанию это "on". Вы можете получить это значение, используя свойство value.
CHECKED определяет checkbox, отображаемый помеченным галочкой. Вы можете получить это значение, используя свойство defaultChecked.
textToDisplay определяет текст, отображаемый рядом с checkbox.
Использование свойств и методов объекта checkbox:
checkboxName.propertyName
checkboxName.methodName(parameters)
formName.elements[index].propertyName
formName.elements[index].methodName(parameters)

checkboxName значение атрибута NAME объекта checkbox.
formName любое значение атрибута NAME объекта form или элемента в массиве forms.
index целое число, представляющее объект checkbox в форме.
propertyName одно из свойств, описанных ниже.
methodName один из методов, описанных ниже.
Свойство:
form
Описание:
Объект checkbox в форме выглядит следующим образом:
Объект checkbox является элементом формы и должен быть определен внутри тага <FORM>.
Свойство checked используется для определения checkbox, помеченного галочкой в настоящий момент. Свойство defaultChecked используется для определения checkbox, помеченного галочкой при загрузке формы.
Свойства:
checked позволяет вам в программе установить какой checkbox будет помечен галочкой.
defaultChecked отражает атрибут CHECKED.
name отражает атрибут NAME.
value отражает атрибут VALUE.
Методы:
click
События:
onClick
Смотрите также:
объекты form и radio.
Объект Date
Изменен в Navigator 3.0.
Позволяет вам работать с датой и временем.
Синтаксис:
Определение объекта Date:
dateObjectName = new Date()
dateObjectName = new Date("month day, year hours:minutes:seconds")

dateObjectName = new Date(year, month, day)
dateObjectName = new Date(year, month, day, hours, minutes, seconds)

dateObjectName любое имя нового объекта или свойство существующего объекта.
year, month, day, hours, minutes, seconds строковые значения для 2 формы синтаксиса. Для 3 и 4 - целочисленные значения.
Использование методов Date:
dateObjectName.methodName(parameters)
dateObjectName любое имя существующего объекта Date или свойство существующего объекта.
methodName один из методов, описанных ниже.
Исключение: методы parse и UTC объекта Date являются статическими методами, которые вы используются следующим образом:
Date.UTC(parameters)
Date.parse(parameters)
Свойство:
нет
Описание:
Объект Date является встроенным объектом JavaScript.
Формой 1 синтаксиса создаются текущие дата и время. Если вы пропускаете часы, минуты или секунды в формах 2 и 4 синтаксиса, то будет установлено нулевое значение.
Способ обращения к датам JavaScript очень похож на способ Java: оба языка имеют много одинаковых методов date и оба хранят даты внутренне как количество миллисекунд с 1 января 1970 00:00:00. Даты, предшествующие 1970 г. не допускаются.
Свойства:
нет
Методы:
getDate
getDay
getHours
getMinutes
getMonth
getSeconds
getTime
getTimezoneOffset
getYear
parse
setDate
setHours
setMinutes
setMonth
setSeconds
setTime
setYear
toGMTString
toLocaleString
UTC
События:
нет. Встроенные объекты не имеют событий.
Объект document
Изменен в Navigator 3.0.
Содержит информацию о текущем документе и обеспечен методами отображения HTML-документа.
Синтаксис:
Для определения объекта document используется стандартный HTML синтаксис:

BACKGROUND определяет картинку, которая выполняет роль фона документа.
BGCOLOR, TEXT, LINK, ALINK, VLINK определяет цвет как шестиразрядное шестнадцатиричное число (в формате "rrggbb" или "#rrggbb") или как одно из строковых названий в Color Value.
Использование свойств и методов объекта document:
document.propertyName
document.methodName(parameters)

propertyName одно из свойств, описанных ниже.
methodName один из методов, описанных ниже.
Свойство:
window
Описание:

HTML документ состоит из тагов <HEAD> и <BODY>. <HEAD> содержит информацию о заголовке документа и основании (абсолютный URL основания, используемый для относительных URL ссылок в документе). Таг <BODY> заключает в себе тело документа, который определен текущим URL. Все тело документа (все другие элементы HTML документа) находятся внутри тага <BODY>.
Вы можете загрузить новый документ, используя объект location.
Вы можете ссылаться на якоря, формы и ссылки документа, используя массивы anchors, forms и links. Эти массивы содержат запись для каждого якоря, формы и ссылки в документе.
Свойства:
alinkColor отражает атрибут ALINK
anchors массив, отражающий все якоря в документе
bgColor отражает атрибут BGCOLOR
cookie определяет "ключик"
fgColor отражает атрибут TEXT
forms массив, отражающий все формы в документе
lastModified отражает дату последней модификации документа
linkColor отражает атрибут LINK
links массив, отражающий все ссылки в документе
referrer отражает URL документа, из которого вызван текущий документ
title отражает содержание тага <TITLE>
URL отражает полный URL документа
vlinkColor отражает атрибут VLINK

Следующие объекты также являются свойствами объекта document:
anchor
form
history
link
Методы:
close
open
write
writeln
События:
нет. События onLoad и onUnload определяются в таге <BODY>, но являются событиями объекта window.
Смотрите также:
объекты frame и window
Массив elements
Массив объектов, содержащий элементы формы (такие как объекты checkbox, radio и text) по порядку встречаемости.
Синтаксис:
formName.elements[index]
formName.elements.length

formName любое имя формы или элемента в массиве forms.
index целое число, представляющее объект в форме.
Свойство:
form
Описание:
Вы можете ссылаться на элементы формы в вашей программе, используя массив elements. Этот массив содержит запись для каждого объекта (button, checkbox, password, radio, select, submit, text, textarea) в форме по порядку встречаемости. Например, если форма содержит поле text и два элемента checkbox, то эти элементы выглядят так formNameelements[0], formNameelements[1], formNameelements[2].
Хотя вы можете также ссылаться на элементы формы, используя имя элемента (из атрибута NAME), массив elements позволяет ссылаться на объекты формы без использования их имен. Например, если первый объект в форме userInfo является объектом text userName, вы можете получить его значение любым из следующих способов:
userInfo.userName.value
userInfo.userName[0].value
Для получения количества элементов формы, используется свойство length:
formName.elements.length
Каждая кнопка radio в объекте radio представляется как отдельный элемент в массиве elements.
Элементы в массиве elements открыты только для чтения. Например, выражение formName.elements[0]="music" не имеет эффекта.
Значение каждого элемента в массиве elements является полным HTML выражением для объекта.
Свойства:
length отражает количество элементов формы
Смотрите также:
объект form
Объект form (массив forms)
Изменен в Navigator 3.0.
Позволяет пользователям вставлять текст и делать изменения из объектов формы таких как графические опции, селекторные кнопки и списки элементов. Вы можете также использовать форму для отправки данных серверу.
Синтаксис:
Для определения формы используется стандартный синтаксис HTML с добавлением события onSubmit:

NAME="formName" определяет имя объекта form.
TARGET="windowName" определяет окно, в которое загружается результат передачи формы. Когда вы используете форму с атрибутом TARGET, сервер показывает ответы в окне windowName вместо окна, содержащего форму. windowName может быть существующим окном, именем фрейма, определенного в таге <FRAMESET> или одним из имен фрейма _top, _parent, _self или _blank; оно не может быть выражением JavaScript (например, parent.frameName или windowName.frameName). Некоторые значения для этого атрибута могут требовать определенных значений для других атрибутов. Смотрите RFC 1867. Вы можете получить это значение, используя свойство target.
ACTION="serverURL" определяет URL сервера, для которого поле формы вводит информацию is sent. Этот атрибут может указывать приложения CGI или LiveWire на сервере, это может также быть mailto: URL если форма отправляет почту. Смотрите объект location, где описаны компоненты URL. Некоторые значения для этого атрибута могут требовать определенных значений для других атрибутов. Смотрите RFC 1867. Вы можете получить это значение, используя свойство action.
METHOD=GET | POST определяет метод передачи информации серверу, определенному ACTION. GET (по умолчанию) добавляет введенную информацию к URL, которая в большинстве принимающих систем становится значением переменной окружения QUERY_STRING. POST отправляет вводимую информацию в теле данных, которое является доступным на stdin с длинной данных в переменной окружения CONTENT_LENGTH. Некоторые значения для этого атрибута могут требовать определенных значений для других атрибутов. Смотрите RFC 1867. Вы можете получить это значение, используя свойство method.
ENCTYPE="encodingType" определяет MIME кодировку данных, установленную: "application/x-www-forum-urlencoded" (по умолчанию) или "multipart/form-data". Некоторые значения для этого атрибута могут требовать определенных значений для других атрибутов. Смотрите RFC 1867. Вы можете получить это значение, используя свойство encoding.
Использование свойств и методов объекта form:

formName.propertyName
formName.methodName(parameters)
forms[index].propertyName
forms[index].methodName(parameters)

formName значение атрибута NAME объекта form.
propertyName одно из свойств, описанных ниже.
methodName один из методов, описанных ниже.
index целое число, представляющее объект form.
Свойство:
document
Описание:
Каждая форма в документе является отдельным объектом.
Вы можете ссылаться на элементы формы в вашей программе, используя имя элемента (из атрибута NAME) или массив elements. Массив elements содержит запись для каждого элемента (таких как объекты checkbox, radio или text) в форме.
Массив forms

Вы можете ссылаться на формы в вашей программе, используя массив forms (вы можете также использовать имя формы). Этот массив содержит запись для каждого объекта form (тага <FORM>) по порядку встречаемости в документе. Например, если документ содержит три формы, то эти формы представлены так document.forms[0], document.forms[1] и document.forms[2].
Использование массива forms:

document.forms[index]
document.forms.length

index целое число, представляющее форму в документе.
Для получения количества форм в документе используется свойство length: document.forms.length.
Вы можете также обращаться к элементам формы, используя массив forms. Например, вы обращаетесь к объекту text с именем quantity во второй форме так:

document.forms[1].quantity

.
Элементы массива forms открыты только для чтения. Например, выражение document.forms[0]="music" не имеет эффекта.
Значение каждого элемента в массиве forms является <object nameAttribute>, где nameAttribute является атрибутом NAME формы.
Свойства:
Объект form имеет следующие свойства:
action отражает атрибут ACTION
elements массив, отражающий все элементы в форме
encoding отражает атрибут ENCTYPE
length отражает количество элементов в форме
method отражает атрибут METHOD
target отражает атрибут TARGET

Следующие объекты являются также свойствами объекта form:
button
checkbox
hidden
password
radio
reset
select
submit
text
textarea

Массив forms имеет следующие свойства:
length отражает количество форм в документе
Методы:
submit
События:
onSubmit
Смотрите также:
объекты button, checkbox, hidden, password, radio, reset, select, submit, text, textarea.
Объект frame (массив frames)
Изменен в Navigator 3.0.
Окно, которое может показывать на одном экране несколько независимо прокручиваемых фреймов, каждый из которых имеет свой собственный URL. Фреймы могут указывать на различные URL'и и быть ссылкой других URL'ей, все внутри одного экрана.
Синтаксис:
Для определения объекта frame используется стандартный HTML синтаксис. События onLoad и onUnload определяются в таге <FRAMESET>, но являются событиями объекта window:

ROWS="rowHeightList" через запятую указывается набор значений, определяющих высоту фрейма. Можно определить единицу измерения, по умолчанию это пиксели.
COLS="columnWidthList" через запятую указывается набор значений, определяющих ширину фрейма. Можно определить единицу измерения, по умолчанию это пиксели. <FRAME> определяет фрейм
SRC="locationorURL" определяет URL документа, показываемого во фрейме. URL не может включать имя якоря, например, <FRAME SRC="doc2.html#colors" NAME="frame2" - это не правильно. Смотрите объект location, где описаны компоненты URL.
NAME="frameName" определяет имя, используемое как ссылка для перехода по гиперссылкам.
Использование свойств объекта frame:

[windowReference.]frameName.propertyName
[windowReference.]frames[index].propertyName
window.propertyName
self.propertyName
parent.propertyName

windowReference переменная windowVar из определения окна (смотрите объект window) или один из синонимов top или parent.
frameName значение атрибута NAME в таге <FRAME> объекта frame.
index целое число, представляющее объект frame.
propertyName одно из свойств, описанных ниже.
Свойство:
Объект frame является свойством window
Массив frames является свойством frame и window
Описание:
Таг <FRAMESET> используется в HTML документе, единственная его цель - определить расположение фреймов, составляющих страницу. Каждый фрейм является объектом window.
Если таг <FRAME> содержит атрибуты SRC и NAME, вы можете ссылаться на этот фрейм из фрейма, находящегося на том же уровне иерархии, используя parent.frameName или parent.frames[index]. Например, если четвертый фрейм в установке имеет NAME="homeFrame", то фреймы, находящиеся на том же уровне иерархии, могут ссылаться на этот фрейм, используя parent.homeFrame или parent.frames[3].
Свойства self и window являются синонимами для текущего фрейма, вы можете использовать их для ссылок в текущем фрейме.
Свойства top и parent являются также синонимами, которые могут использоваться вместо имени фрейма. top ссылается на самое верхнее окно, содержащее фреймы или nested framesets, и parent ссылается на окно, содержащее текущий frameset. Смотрите свойства top и parent.
Массив frames
Вы можете ссылаться на объекты frame в вашей программе, используя массив frames. Этот массив содержит запись для каждого фрейма-потомка (тага <FRAME>) в окне, содержащем таг <FRAMESET> по порядку встречаемости. Например, если окно содержит три фрейма-потомка, эти фреймы отображаются как parent.frames[0], parent.frames[1], parent.frames[2].
Использование массива frames:

[frameReference.]frames[index]
[frameReference.]frames.length
[windowReference.]frames[index]
[windowReference.]frames.length

frameReference действительный путь ссылки на фрейм, описанный в объекте frame.
windowReference переменная windowVar из определения окна (смотрите объект window) или один из синонимов top или parent.
index целое число, представляющее количество фреймов в родительском окне.
Для получения количества фреймов-потомков в окне или фрейме используется свойство length:

[windowReference.]frames.length
[frameReference.]frames.length

Элементы в массиве frames открыты только для чтения. Например, выражение [windowReference.]frames[0]="frame1" не имеет эффекта.
Значение каждого элемента в массиве frames является <object nameAttribute>, nameAttribute является атрибутом NAME фрейма.
Свойства:
Объект frame имеет следующие свойства:
frames массив, отражающий все фреймы окна
name отражает атрибут NAME тага <FRAME>
length отражает количество фреймов-потомков внутри фрейма
parent синоним для окна или фрейма, содержащего текущий фрейм
self синоним для текущего фрейма
window синоним для текущего фрейма

Массив frames имеет следующие свойства:
length отражает количество фреймов-потомков внутри фрейма
Методы:
clearTimeout
setTimeout
События:
нет. События onLoad и onUnload определяются в таге <FRAMESET>, но являются событиями для объекта window.
Смотрите также:
объекты document и window.
Объект hidden
Изменен в Navigator 3.0.
Текстовый объект формы, который не отображается в HTML форме. Объект hidden используется для передачи пар имя/значение при загрузке формы.
Синтаксис:
Определение объекта hidden:

NAME="hiddenName" определяет имя объекта hidden. Вы можете получить это значение, используя свойство name.
VALUE="textValue" определяет начальное значение объекта hidden.
Использование свойств объекта hidden:

hiddenName.propertyName
formName.elements.[index].propertyName

hiddenName значение атрибута NAME объекта hidden.
formName любое значение атрибута NAME объекта form или элемента массива forms.
index целое число, представляющее объект hidden в форме.
propertyName одно из свойств, описанных ниже.
Свойство:
form
Описание:
Объект hidden является элементом формы и должен быть определен внутри тага <FORM>.
Объект hidden не может быть увиден и изменен пользователем, но вы можете запрограммировать изменение значения объекта, изменяя свойство value. Вы можете использовать объекты hidden для коммуникаций клиент/сервер.
Свойства:
name отражает атрибут NAME
value отражает текущее значение объекта hidden
Методы:
нет
События:
нет
Смотрите также:
свойство cookie
Объект history
Содержит информацию о URL'ях, которые клиент посещал внутри окна. Эта информация сохраняется и доступна через меню Go Navigator'а.
Синтаксис:

Использование объекта history:
history.propertyName
history.methodName(parameters)
propertyName одно из свойств, описанных ниже.
methodName один из методов, описанных ниже.
Свойство:
document
Описание:
Объект history связанным списком URL'ей, посещенных пользователем, как показано в меню Go Navigator'а.
Свойства:
length отражает количество записей в объекте history
Методы:
back
forward
go
События:
нет
Смотрите также:
свойство location
Объект link (массив links)
Изменен в Navigator 3.0.
Кусок текста или картинка, определенные как гипертекстовая ссылка. При выборе пользователем ссылки в тексте, в окно загружается документ, соответствующий этой гипертекстовой ссылке.
Синтаксис:
Для определения ссылки используется стандартный HTML синтаксис с добавлением событий onClick и onMouseOver:

<A HREF=locationorURL
[NAME="anchorName"]
[TARGET="windowName"]
[onClick="handlerText"]
[onMouseOver="handlerText"]>
linkText
</A>

A HREF=locationorURL идентифицирует место назначение якоря или URL. Смотрите объект location, где описаны компоненты URL.
NAME="anchorName" определяет таг, который становиться доступной гипертекстовой ссылкой внутри текущего документа. Если этот атрибут представлен, объект link является также объектом anchor. Смотрите anchor.
TARGET="windowName" определяет окно, в которое загружается обозначенный ссылкой документ. windowName может быть существующим окном, это также может быть имя фрейма, определенного в таге <FRAMESET>, или одно из literal имен фреймов _top, _parent, _self или _blank, это не может быть выражением JavaScript (например, это не может быть parent.frameName или windowName.frameName).
linkText отображается как гипертекстовая ссылка на URL.
Вы можете также определить ссылку, используя метод link.
Использование свойств объекта link:

document.links[index].propertyName

index целое число, отражающее объект link.
propertyName одно из свойств, описанных ниже.
Свойство:
document
Описание:
Каждый объект link является объектом location и имеет те же свойства как и объект location.
Если объект link также является объектом anchor, то объект записан в массивах anchors и links.
Когда пользователь выбирает объект link и переходит в документ, обозначенный ссылкой (определенный HREF=locationorURL), то этот документ содержит URL документа источника.
Массив links
Вы можете ссылаться на объекты link в вашей программе, используя массив links. Этот массив содержит запись для каждого объекта link (тага <A HREF="">) по порядку встречаемости в документе. Например, если документ содержит три объекта link, то эти ссылки представлены так document.links[0],

document.links[1] и document.links[2].

Использование массива links:

document.links[index]
document.links.length

index целое число, представляющее ссылку в документе.
Для получения количества ссылок в документе используется свойство length: document.links.length.
Элементы в массиве links открыты только для чтения. Например, выражение document.links[0]="link1" не имеет эффекта.
Свойства:
Объект link имеет следующие свойства:
hash определяет имя якоря в URL
host определяет hostname:port часть URL'а
hostname определяет хост и доменное имя или IP адрес сетевого хоста
href определяет запись URL
pathname определяет url-path часть URL'а
port определяет коммуникационный порт, который сервер использует для коммуникаций
protocol определяет начало URL, включая двоеточие
search определяет запрос
target отражает атрибут TARGET

Массив links имеет следующие свойства:
length отражает количество ссылок в документе
Методы:
нет
События:
onClick
onMouseOver
Смотрите также:
объект anchor
метод link
Объект location
Изменен в Navigator 3.0.
Содержит информацию о текущем URL.
Синтаксис:
Использование объекта location:

[windowReference.]location[.propertyName]

windowReference переменная windowVar из определения окна (смотрите объект window) или один из синонимов top или parent.
propertyName одно из свойств, описанных ниже. Пропуск имени свойства является равносильным определению свойства href (полный URL).
Свойство:
window
Описание:
Объект location представляет собой полный URL. Каждое свойство объекта location представляет собой отдельную часть URL.
Следующий формат URL показывает связь между location свойствами:
protocol//hostname:port pathname search hash
protocol представляет собой начало URL, включая первое двоеточие.
hostname представляет хост и доменное имя или IP адрес сетевого хоста.
port представляет коммуникационный порт, который сервер использует для коммуникаций.
pathname представляет url-path часть URL'а.
search представляет любой запрос в URL'е, начинающийся со знака вопроса.
hash представляет имя якоря фрагмент в URL'е, начинающийся со знака #.
Смотрите описание свойств ниже, где более детально описаны различные части URL, или свойство href.
Объект location имеет еще два свойства, не показанных в формате:
href представляет полный URL.
host представляет набор hostname:port.
Объект location содержится в объекте window. Если вы ссылаетесь на объект location без определения окна, то объект location представляется как текущий location.
Если вы ссылаетесь на объект location и определяете имя окна, например, windowReference.location.propertyName, то объект location представляется как location определенного окна.
Не путайте объект location со свойством location объекта document. Вы не можете изменить значение свойства location (document.location), но вы можете изменить значение свойств объекта location (window.location.propertyName). document.location является строковым значением, которое обычно равно window.location.href, который устанавливается когда вы загружаете документ, но перенаправление может изменить его.
Синтаксис для общеизвестных типов URL:

URL type Protocol Example
JavaScript javascript: javascript:history.go(-1)
Navigator info about: about:cache
Word Wide Web http: http://www.netscape.com/
File file: file:///javascript/methods.html
FTP ftp: ftp://ftp.mine.com/home/mine
MailTo mailto: mailto:info@netscape.com
Usenet news: news://news.scruznet.com/comp.la ng.javascript
Gopher gopher: gopher.myhost.com

javascript:protocol оценивает выражение после двоеточия (:), если оно есть, и загружает страницу, содержащую строковое значение выражения, если оно не определено. Если выражение не определено, то новая страница не загружается.
about:protocol обеспечивает информацией Navigator и имеет следующий синтаксис:
about:[cache|plugins]

about: является равносильным выбору About Netscape из Help меню Navigator'а.
about:cache показывает disk cache статистики.
about:plug-ins показывает информацию о сконфигурированных вами plug-ins'ах. Это равносильно выбору About Plug-ins из Help меню Navigator'а.
Свойства:
hash определяет имя якоря в URL
host определяет hostname:port часть URL'а
hostname определяет хост и доменное имя или IP адрес сетевого хоста
href определяет запись URL
pathname определяет url-path часть URL'а
port определяет коммуникационный порт, который сервер использует для коммуникаций
protocol определяет начало URL, включая двоеточие
search определяет запрос
Методы:
нет
События:
нет
Смотрите также:
объект history
свойство URL
Объект Math
Изменен в Navigator 3.0.
Встроенный объект, имеющий свойства и методы для математических констант и функций. Например, свойство PI объекта Math имеет значение Пи.
Синтаксис:
Использование объекта Math:

Math.propertyName
Math.methodName(parameters)

propertyName одно из свойств, описанных ниже.
methodName один из методов, описанных ниже.
Свойство:
нет
Описание:
Объект Math является встроенным объектом JavaScript.
Вы ссылаетесь на константу PI как Math.PI. Константы определены в JavaScript с точностью до действительных чисел.
Аналогично, вы ссылаетесь на функции Math как на методы. Например, функция синуса - Math.sin(argument), где argument является аргументом функции.
Выражение with удобно при использовании нескольких констант и методов Math, так как не нужно указывать тип "Math" для каждой константы или метода. Например,

with (Math) {
a = PI*r*r
y = r*sin(theta)
x = r*cos(theta)
}

Свойства:
E
LN2
LN10
LOG2E
LOG10E
PI
SQRT1_2
SQRT2
Методы:
abs
acos
asin
atan
ceil
cos
exp
floor
log
max
min
pow
random
round
sin
sqrt
tan
События:
нет. Встроенные объекты не имеют событий.
Объект navigator
Изменен в Navigator 3.0.
Содержит информацию о используемой версии Navigator'а.
Синтаксис:
Использование объекта navigator:

navigator.propertyName

propertyName одно из свойств, описанных ниже.
Свойство:
нет
Описание:
Объект navigator используется для определения версии Navigator'а ваших пользователей.
Свойства:
appCodeName определяет кодовое имя броузера
appName определяет имя броузера
appVersion определяет версию броузера
userAgent определяет заголовок пользовательского агента
Методы:
нет
События:
нет
Смотрите также:
объект link
объект anchor
Объект password
Изменен в Navigator 3.0.
Текстовое поле в HTML форме, значение которого на экране отображается звездочками (*). Когда пользователь вводит текст в это поле, звездочки (*) скрывают введенное значение.
Синтаксис:
Для определения объекта password используется стандартный HTML синтаксис:

NAME="passwordName" определяет имя объекта password. Вы можете получить это значение, используя свойство name.
VALUE="textValue" определяет первоначальное значение объекта password. Вы можете получить это значение, используя свойство defaultValue.
SIZE=integer определяет количество символов объекта password, вмещающихся без прокрутки.
Использование свойств и методов объекта password:

passwordName.propertyName
passwordName.methodName
formName.elements[index].propertyName
formName.elements[index].methodName(patameters)

passwordName значение атрибута NAME объекта password.
formName любое значение атрибута NAME объекта form или элемента в массиве forms.
index целое число, представляющее объект password в форме.
propertyName одно из свойств, описанных ниже.
methodName один из методов, описанных ниже.
Свойство:
form
Описание:
Объект password в форме выглядит следующим образом:
Объект password является элементом формы и должен быть определен внутри тага <FORM>.
Свойства:
defaultValue отражает атрибут VALUE
name отражает атрибут NAME
value отражает текущее значение поля объекта password
Методы:
focus
blur
select
События:
нет
Смотрите также:
объекты form и text
Объект radio
Изменен в Navigator 3.0.
Установка статических кнопок (кнопок radio) в HTML форме. Установка кнопок radio позволяет пользователю выбрать один пункт из списка.
Синтаксис:
Для определения установки кнопок radio используется стандартный HTML синтаксис с добавлением события onClick:

<INPUT
TYPE="radio"
NAME="radioName"
VALUE="buttonValue"
[CHECKED]
[onClick="handlerText"]>
textToDisplay

NAME="radioName" определяет имя объекта radio. Все кнопки radio в группе имеют одинаковый атрибут NAME. Вы можете получить это значение, используя свойство name.
VALUE="buttonValue" определяет значение, которое возвращается серверу, когда radio кнопка выбирается и форма утверждается. По умолчанию это "нет". Вы можете получить это значение, используя свойство value.
CHECKED определяет, что кнопка radio выбрана. Вы можете получить это значение, используя свойство defaultChecked.
textToDisplay определяет текст, отображаемый рядом с кнопкой radio.
Использование свойств и методов объекта radio:

radioName[index1].propertyName
radioName[index1].methodName(parameters)
formName.elements[index2].propertyName
formName.elements[index2].methodName(parameters)

radioName значение атрибута NAME объекта radio.
index1 целое число, представляющее кнопку radio в объекте radio.
formName любое значение атрибута NAME объекта form или элемента в массиве forms.
index2 целое число, представляющее кнопку radio в форму. Массив
elements содержит записи для каждой кнопке radio в объекте radio.
propertyName одно из свойств, описанных ниже.
methodName(parameters) один из методов, описанных ниже.
Свойство:
нет
Описание:
Объект radio в форме выглядит следующим образом:
Объект radio является элементом формы и должен быть определен внутри тага <FORM>.
Все кнопки radio в группе кнопок radio используют одинаковое свойство name. Для обращения к отдельным кнопкам radio в вашей программе, используйте имя объекта с индексом, начинающимся с нуля, для каждой кнопки, также как вы это делали для массива, forms: document.forms[0].radioName[0] это первая, document.forms[0].radioName[1] это вторая и так далее.
Свойства:
checked позволяет вам программно выбирать кнопку radio
defaultChecked отражает атрибут CHECKED
length отражает количество кнопок radio в объекте radio
name отражает атрибут NAME
value отражает атрибут VALUE
Методы:
click
События:
onClick
Смотрите также:
объекты checkbox, form и select
Объект reset
Изменен в Navigator 3.0.
Кнопка сброса (кнопка reset)в HTML форме. Кнопка reset сбрасывает все элементы в форме в их значения, установленные по умолчанию.
Синтаксис:
Для определение кнопки reset используется стандартный HTML синтаксис с добавлением события onClick:

<INPUT
TYPE="reset"
NAME="resetName"
VALUE="buttonText"
[onClick="handlerText"]

NAME="resetName" определяет имя объекта reset. Вы можете получить это значение, используя свойство name.
VALUE="buttonText" определяет текст, отображаемый на кнопке. Вы можете получить это значение, используя свойство value.
Использование свойств и методов объекта reset:

resetName.propertyName
resetName.methodName(parameters)
formName.elements[index].propertyName
formName.elements[index].methodName(parameters)

resetName значение атрибута NAME объекта reset.
formName любое значение атрибута NAME объекта form или элемента в массиве forms.
index целое число, представляющее объект reset в форме.
propertyName одно из свойств, описанных ниже.
methodName один из методов, описанных ниже.
Свойство:
form
Описание:
Объект reset в форме выглядит следующим образом:
Объект reset является элементом формы и должен быть описан внутри тага <FORM>.
Событие onClick кнопки reset не может предотвратить сброса формы; если вы нажали кнопку, сброс не может быть отменен.
Свойства:
name отражает атрибут NAME
value отражает атрибут VALUE
Методы:
click
События:
onClick
Объект string
Изменен в Navigator 3.0.
Ряд символов.
Синтаксис:
Использование объекта string:

stringName.propertyName
stringName.methodName(parameters)

stringName имя строковой переменной.
propertyName одно из свойств, описанных ниже.
methodName один из методов, описанных ниже.
Свойство:
нет
Описание:
Объект string является встроенным объектом JavaScript.
Строка может быть представлена как литерал, заключенный в одинарные или двойные кавычки; например, "Netscape" или 'Netscape'.
Свойства:
length определяет длину ряда
Методы:
anchor
big
blink
bold
charAt
fixed
fontcolor
fontsize
indexOf
italics
lastIntexOf
link
small
strike
sub
substring
sup
toLowerCase
toUpperCase
События:
нет. Встроенные объекты не имеют событий.
Смотрите также:
объекты text и textarea
Объект submit
Изменен в Navigator 3.0.
Кнопка передачи данных (кнопка submit) в HTML форме. Кнопка submit вызывает передачу формы.
Синтаксис:
Для определения кнопки submit используется стандартный HTML синтаксис с добавлением события onClick:

NAME="submitName" определяет имя объекта submit. Вы можете получить это значение, используя свойство name.
VALUE="buttonText" определяет текст, отображаемый на кнопке. Вы можете получить это значение, используя свойство value.
Использование свойств и методов объекта submit:

sibmitName.propertyName
submitName.methodName(parameters)
formName.elements[index].propertyName
formName.elements[index].methodName(parameters)

sibmitName значение атрибута NAME объекта submit.
formName значение атрибута NAME объекта form или элемента в массиве forms.
index целое число, представляющее объект submit в форме.
propertyName одно из свойств, описанных ниже.
methodName(parameters) один из методов, описанных ниже.
Свойство:
form
Описание:
Объект submit в форме выглядит следующим образом:
Объект submit является элементом формы и должен быть определен внутри тага <FORM>.
При щелчке на кнопке submit форма передается по URL, определенному в свойстве формы action. Этот action всегда загружает новую страницу клиенту; это может быть текущая страница, если action так определен или не определен вообще.
Событие onClick кнопки submit не может предотвратить передачу формы; вместо этого используйте событие onSubmit формы или вместо объекта submit используйте метод submit.
Свойства:
name отражает атрибут NAME
value отражает атрибут VALUE
Методы:
click
События:
onClick
Смотрите также:
объекты button, form и reset
метод submit
событие onSubmit
Объект text
Изменен в Navigator 3.0.
Поле ввода текста в HTML форме. Текстовое поле позволяет пользователю вводить слова, фразы или числовой ряд.
Синтаксис:
Для определения объекта text используется стандартный HTML синтаксис с добавлением событий onBlur, onChange, onFocus, onSelect:

NAME="textName" определяет имя объекта text. Вы можете получить это значение, используя свойство name.
VALUE="textValue" определяет первоначальное значение объекта text. Вы можете получить это значение, используя свойство value.
SIZE=integer определяет количество символов объекта text, помещающихся без прокрутки.
Использование свойств и методов объекта text:

textName.propertyName
textName.methodName(parameters)
formName.elements[index].propertyName
formName.elements[index].methodName(parameters)

textName значение атрибута NAME объекта text.
formName значение атрибута NAME объекта form или элемента в массиве forms.
index целое число, представляющее объект text в форме.
propertyName одно из свойств, описанных ниже.
methodName один из методов, описанных ниже.
Свойство:
form
Описание:
Объект text в форме выглядит следующим образом:
Объект text является элементом формы и должен быть описан внутри тага <FORM>.
Объект text может быть обновлен динамично установкой свойства value (this.value).
Свойства:
defaultValue отражает атрибут VALUE
name отражает атрибут NAME
value отражает текущее значение поля объекта text
Методы:
blur
focus
select
События:
onBlur
onChange
onFocus
onSelect
Смотрите также:
объекты form, password, string и textarea
Объект textarea
Изменен в Navigator 3.0.
Многострочное поле ввода текста в HTML форме. Поле textarea позволяет пользователю вводить слова, фразы или числа.
Синтаксис:
Для определения текстовой области используется стандартный HTML синтаксис с добавлением событий onBlur, onChange, onFocus и onSelect:

<TEXTAREA
NAME="textareaName"
ROWS="integer"
COLS="integer"
WRAP="off|virtual|physical"
[onBlur="handlerText"]
[onChange="handlerText"]
[onFocus="handlerText"]
[onSelect="handlerText"]>
textToDisplay
</TAXTAREA>

NAME="textareaName" определяет имя объекта textarea. Вы можете получить это значение, используя свойство name.
ROWS="integer" и COLS="integer" устанавливает размер в символах отображаемого поля вода.
textToDisplay определяет первоначальное значение объекта textarea. textarea всегда только ASCII текст с разделением на строки.
Атрибут WRAP контролирует длину обрабатываемых строк в TEXTAREA. Значение "off" установлено по умолчанию - строки посылаются так, как они введены. Значение "virtual" отображает строки с переносами, но они посылаются так, как введены. Значение "physical" отображает строки с переносами и посылаются они с установленными переносами.
Использование свойств и методов textarea:

textareaName.propertyName
textareaName.methodName(property)
formName.elements[index].propertyName
formName.elements[index].methodName(parameters)

textareaName значение атрибута NAME объекта textarea.
formName значение атрибута NAME объекта form или элемента в массиве forms.
index целое число, представляющее объект textarea в форме.
propertyName одно из свойств, описанных ниже.
methodName один из методов, описанных ниже.
Свойство:
form
Описание:
Объект textarea в форме выглядит следующим образом:
Объект textarea является элементом формы и должен быть определен внутри тага <FORM>.
Для начала новой строки в объекте textare вы можете использовать символ новой строки. Этот символ различен для разных платформ: в Unix - это \n, Windows - \r\n, Macintosh - \n. Одним из способов ввода символа новой строки программно является тестирование свойством appVersion для определения текущей платформы и установки символа новой строки таким образом. Смотрите примеры свойства appVersion.
Свойства:
defaultValue отражает атрибут VALUE.
name отражает атрибут NAME.
value отражает текущее значение объекта textarea.
Методы:
blur
focus
select
События:
onBlur
onChange
onFocus
onSelect
Смотрите также:
объекты form, password, string и text.
Объект window
Изменен в Navigator 3.0.
Объект верхнего уровня для групп объектов document, location и history.
Синтаксис:
Для определения окна используется метод open:

windowVar = window.open("URL", "windowName" [,"windowFeatures"])

windowVar имя нового окна. Эта переменная используется при ссылках на свойства, методы и контейнеры окна.
windowName имя окна, используемое в атрибуте TARGET тагов <FORM> и <A>.
Более подробное определение окна смотрите в методе open.
Использование свойств и методов window:

window.propertyName
window.methodName(parameters)
self.propertyName
self.methodName(parameters)
top.propertyName
top.methodName(parameters)
parent.propertyName
parent.methodName(parameters)
windowVar.propertyName
windowVar.methodName(parameters)
propertyName
methodName(parameters)

windowVar переменная, ссылающаяся на обект window. Смотрите синтаксис определения окна.
propertyName одно из свойств, описаныых ниже.
methodName один из методов, описанных ниже.
Для определения событий onLoad и onUnload для объекта window используются таги <BODY> и <FRAMESET>:

Информацию о тагах <FRAMESET> и <BODY> смотрите в объектах document и frame.
Свойства:
нет
Описание:
Объект window является объектом верхнего уровня в клиентской иерархии JavaScript. Объекты frame также являются окнами.
Свойства self и window являются синонимами для текущего окна, и вы можете использовать их для ссылки на текущее окно. Например, вы можете закрыть текущее окно, используя window.close() или self.close(). Вы можете использовать эти свойства для однозначного определения свойства self.status из формы, называемой status.
Свойства top и parent также являются синонимами и могут быть использованы вместо имени окна. top ссылается на самое верхнее окно Navigator-а, а parent ссылается на окно, содержащее frameset. Смотрите свойства top и parent. Поскольку допускается существование текущего окна, вам не нужно ссылаться на имя окна, когда вы объявляете его методы или назначаете свойства. Например, status="Jump to a new location" является действительным назначением свойства и close() является действительным вызовом метода. Однако, когда вы открываете или закрываете окно внутри события, вы должны определить window.open() или window.close() вместо того, чтобы использовать просто open() или close(). Благодаря to the scoping статических объектов в JavaScript, объявление close() без определения имени объекта равносильно document.close().
Вы можете ссылаться на объекты frame окна, используя массив frames. Массив frames содержит запись для каждого фрейма в окне с тагом <FRAMESET>.
У окон отсутствуют события пока в них не загружен некоторый HTML-документ, содержащий таги <BODY> или <FRAMESET>.
Свойства:
defaultStatus отражает сообщение по умолчанию, отображаемое в строке состояния окна
frames массив, отражающий все фреймы окна
length отражает количество фреймов в родительском окне
name отражает аргумент windowName
parent является синонимом аргумента windowName и ссылается на окно, содержащее frameset
self является синонимом аргумента windowName и ссылается на текущее окно
status определяет текущее сообщение строки состояния окна
top является синонимом аргумента windowName и ссылается на самое верхнее окно Navigator-а
window является синонимом аргумента windowName и ссылается на текущее окно

Следующие объекты являются также свойствами объекта window:
document
frame
location
Методы:
alert
close
confirm
open
prompt
setTimeout
clearTimeout
События:
onLoad
onUnload
Смотрите также:
объекты document и frame
Примеры

Определение типа и версии броузера

Как известно, броузеры отличаются широтой толкования стандартов HTML. Один и тот же код в каждом из броузеров проявляется несколько по-разному. Чтобы получить одинаковый результат иногда требуется писать разный код - для каждого броузера свой. И, разумеется, функция, которая бы сообщала нам о том, подходит броузер для отображения странички в полном объеме или нужно ограничиться урезанной версией, была бы как нельзя кстати.
Узнать тип используемого броузера достаточно просто. Нужно прочитать значение свойства appName объекта navigator. Точно таким же образом из свойства navigator.appVersion мы выуживаем версию броузера. Все это реализуется следующим фрагментом кода:
var browser_name = navigator.appName;
var browser_version = parseFloat(navigator.appVersion);
В принципе, эти переменные уже можно использовать для того, чтобы писать броузерозависимый код. Но мы поступим немного по-другому и для удобства воспользуемся механизмом флажков. Т.е. определим некую глобальную логическую переменную, например, browser_ok и в зависимости от результата проверок полученных ранее переменных browser_name и browser_version присвоим ей значение true (если по результатам проверки броузер удовлетворяет неким условиям) или false (в противном случае).
Логичный вопрос - зачем все нужно так усложнять? И ответ - для упрощения написания сложных функции и избежания повторных проверок.
Итак, вот пример кода, в котором мы проверяем броузер на соответствие следующим критериям: он должен быть либо Internet Explorer, либо Netscape Navigator и иметь версию не ниже 4-ой:

var browser_ok = false;
if (browser_name == "Netscape" && browser_version >= 4.0)
browser_ok = 'true';
else if (browser_name == "Microsoft Internet Explorer" &&
browser_version >= 4.0)
browser_ok = 'true';

Разумеется, условие может быть и более сложным, в зависимости от того, какие цели Вы преследуете. Кроме проверки типа и версии броузера мы можем также узнать количество используемых цветов, ширину и высоту экрана, возможность поддержки определенных плагинов и другие не менее полезные вещи, а значит, и скорректировать поведение скрипта. Можно завести более одного флажка, если мы собираемся писать разный код для разных броузеров. В данном конкретном случае мы просто выполнили проверку броузера на соответствие 4-ой версии. Это было сделано с целью безболезненного отсечения старых версий броузеров (чтобы они не показывали ошибку при обращении к страничке) и для проверки возможности использования DHTML.
Итак, код проверки броузера и выставления флажка, сигнализирующего о том, что броузер нам подходит, мы написали. А теперь научимся этим пользоваться. Основное правило заключается в том, что весь зависимый от этого флажка код нужно предварять проверкой его значения:

function somefunction() {
if (browser_ok == 'true') {
// здесь и располагается зависимый код
}
}

Таким образом, старые версии броузеров, которые не умеют работать с новыми технологиями, просто не получат непонятный для себя код и, соответственно, не сгенерируют ошибку.
Генерация случайного числа

Не столь уж и редкая ситуация, когда нам может понадобиться сгенерировать случайное число. Это может пригодиться, например, для написания странички, которая случайным образом показывает каждый раз новую картинку или афоризм при заходе на сайт. Но это может быть и часть более сложной системы - например, механизм локальной баннерной системы.
Для генерации случайного числа мы воспользуемся JavaScript объектом Math, метод random которого генерирует случайное число от 0 до 1. Но, так как нам обычно нужны целые числа из некоего диапазона, то будет логичным написать небольшую функцию, которая все это будет делать автоматически. Вот как выглядит соответствующий фрагмент кода:
function getrandom() {

var min_random = 0;
var max_random = 10;

max_random++;

var range = max_random - min_random;
var n=Math.floor(Math.random()*range) + min_random;

return n;
}

Перед использованием скрипта нужно лишь определить границы диапазона, в которых генерируется случайное число (соответственно, переменные min_random и max_random)
Дата модификации документа

Некоторые web-дизайнеры находят полезным отображать внизу странички дату последней модификации документа. Это делается для того, чтобы посетитель мог определить, насколько часто обновляется сайт. Правда это же накладывает и определенные обязательства по поддержке сайта. Согласитесь, что наблюдать прошлогоднюю дату доставляет мало удовольствия. Но если Вы все же решились использовать этот прием, то следующий скрипт Вам пригодится.
Есть два способа добиться нужного нам результата. Первый заключается в том, что строчку с датой вы корректируете вручную, а второй, и он более привлекательный, заключается в использовании свойства lastModified объекта document. Для этого в нужном месте странички достаточно вставить следующую конструкцию:

document.write ("Дата последней модификации: "
+ document.lastModified);

//-->
</script>

Как сделать страничку стартовой?

В последнее время стало достаточно модным применять этот скрипт. Его смысл заключается в том, что где-нибудь на видном месте странички мы делаем ссылку, нажав на которую пользователь сможет сделать Вашу страничку стартовой, т.е. такой, которая загружается при запуске броузера и нажатии на кнопку "Домой".
Этот прием может быть полезен для информационных ресурсов, но не стоит им особо злоупотреблять.
К сожалению, на данный момент скрипт будет работать только под Internet Explorer версии 5.x. Учтите это. Сам же код требуется разместить в подходящем месте, а выглядит он так:

<p><a href="#" onClick="this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.yoursite.com/'); return false;">
Сделать стартовой страницей</a></p>
Добавление странички в "Избранное"

Подобно предыдущему скрипту, этот прием также работает лишь под Internet Explorer, но уже начиная с 4-ой версии. И точно такие же замечания по поводу его уместности.
Размещая на видном месте ссылку на этот скрипт, мы позволяем пользователю при помощи одного щелчка добавить наш сайт в папку "Избранное". А сам скрипт выглядит следующим образом:

<p><a href="#" onClick="window.external.addFavorite
('http://www.yoursite.com/', 'Description'); return false;">
Добавить сайт в Избранное</a></p>

Распечатка страницы из кода

Иногда требуется распечатать страничку, причем сделать это нужно непосредственно из кода. Сначала кажется, что это невозможно, но все не так плохо. На самом деле в Netscape Navigator для этого есть, даже, встроенный механизм. Достаточно просто вызвать метод window.print()
А вот для получения такого же результата в Internet Explorer мы применим не совсем обычный способ и воспользуемся специализированным объектом ActiveX, который и позволит нам распечатать страничку.
Таким образом, наша задача разделилась на две части. Первая - определить тип броузера, а вторая корректно вставить объект на страничку. Вот пример кода, который делает все необходимые действия:

var browser_name = navigator.appName;

function printit(){

if (browser_name == "Netscape") {
window.print() ;
} else {
var WebBrowser = '<object id="WebBrowser1" width=0 height=0
classid="clsid:8856F961-340A-11D0-A96B-00C04FD705A2"></object>';
document.body.insertAdjacentHTML('beforeEnd', WebBrowser);
WebBrowser1.ExecWB(6, 2);
}

//-->
</script>

Осталось только вызвать этот код. Для этого, к примеру, можно воспользоваться событием onClick:
<a href="#" onClick="printit();">Распечатать статью</a>
Только не путайте этот скрипт с версиями страничек "для распечатки". Страничка для распечатки это обычный html-файл, из которого убрали дизайнерское оформление и оставили очень простую верстку, чтобы при печати не было лишних элементов. Приведенный же выше код непосредственно посылает страничку на принтер.
Открытие окон
Вы можете создавать окно с помощью метода Window. Следующее утверждение создает окно "msgWindow", которое показывает содержание файл sesame.html:

MsgWindow=window.open("sesame.html")

Следующее утверждение создает окно "homeWindow", которое показывает домашнюю страницу Netscape:
homeWindow=window.open("http://www.netscape.com")
Окна могут иметь два названия. Следующее утверждение создает окно с двумя названиями. Название окна "msgWindow" - это вовсе не имя окна, но только с помощью этой переменной вы можете получить доступ к окну. И поскольку это обычная переменная, то область ее действия - лишь тот скрипт, в котором она определена; а между тем, имя окна, "displayWindow" - уникальный идентификатор, которым можно пользоваться с любого из окон браузера.
msgWindow=window.open("sesame.html","displayWindow")
Когда Вы создаете окно, имя окна не требуется. Но если Вы хотите обратиться к окну из другого окна, то окно должно иметь свое уникальное имя (в данном случае "displayWindow"). Приведенный далее скрипт открывает новое окно браузера и загружает в него страничку sesame.html с помощью метода open():

Заметим, что Вы имеете возможность управлять самим процессом создания окна. Например, Вы можете указать, должно ли новое окно иметь строку статуса, панель инструментов, меню или полосы прокрутки. Кроме того, Вы можете задать размер окна. Рассмотрим следующий пример создания окна размерами 250x100 пикселов, которое не имеет ни строки статуса, ни панель инструментов, ни меню, ни полосы прокрутки.

Как видно в примере, свойства окна записаны в строке "width=250,height=100,status=no,toolbar=no,menubar=no,scrollbars=no", в которой следует обратить внимание на то, что вам не следует помещать в ней символы пробела.
Закрытие окон
Вы можете закрывать окна с помощью языка JavaScript. Следующие утверждения закрывают текущее окно:
Window.close ()
Self.close ()
Замечание: не использовать следующее утверждение в обработке результата close() Следующее утверждение закрывает окно, названное "msgWindow":

MsgWindow.close()

Теперь создадим пример, который открывает новое окно. Загрузим туда web-страницу, где при нажатие кнопки оно будет закрыто:

open() и close() - это методы объекта window. Мы должны помнить, что следует писать не просто open() и close(), а window.open() и window.close(). Однако в нашем случае объект window можно опустить - Вам нет необходимости писать префикс window, если Вы хотите всего лишь вызвать один из методов этого объекта (и такое возможно только для этого объекта).
Использование фреймов
Один из способов выдать сразу несколько файлов HTML на экране пользователя - это открыть несколько окон броузера. Другой путь состоит в том, чтобы разбить окно на несколько разделов. Эти разделы называются фреймами. В каждом фрейме показывается свой документ HTML. Каждый фрейм может иметь свои полосы прокрутки, ссылки, графические изображения и т.д. Фреймы могут функционировать независимо или влиять друг на друга, используя ссылки, указывающие на другие фреймы.
Для использования фреймов необходимо как минимум три файла: установачный файл и два исходных файла HTML. Установачный файл назначает исходные файлы HTML для каждого из окон, но не содержит собственного текста или графики. Исходные файлы HTML выдаются во фреймы и, как и любые другие файлы могут содержать ссылки, изображения, скрипты и пр.
Для создания установочного фрейма необходимо два тэга: <frameset> и <fram> . HTML-страница, создающая фреймы, в общем случае может выглядеть следующим образом:

Внутри тега <frameset> мы использовали свойства rows и cols. Это означает, что фреймы будут расположены друг над другом или друг под друго соответсвенно. Фрагмент "33%,33%,33%" задает размеры открываемых окон. Этот фрагмент эквивалентен следующей записи "33%,33%,*" или задать размер фрейма в пиксилах, для чего достаточно после числа не ставить символ %. Любому фрейму можно присвоить уникальное имя, воспользовавшись в тэге <frame> атрибутом name. Такая возможность пригодится нам в языке JavaScript для доступа к фреймам.
Тег <frame> содержит отрибуты, которые управляют различными свойствами фреймов.
BORDER=определяет ширину разделительной полосы между фреймами.
BORDERCOLOR=устанавливает цвет разделительной полосы между фреймами.
NORESIZE атрибут, запрещающий пользователю изменять размеры фреймов.
SCROLLING=задает, появляются ли в окне полосы прокрутки.
MARGINHEIGHT=добавляет пустое поле между верхней границей фрейма и началом текста или графики.
MARGINWIDTH=добавляет пустое поле между боковыми границами фрейма и текстом или графикой.
Следующий график показывает окно, содержащее три фреймов:

This frame is This frame is
named listFrame named contentFrame
| |
| |
-------------v------------------------------v----------
| Music Club | Toshiko Akiyoshi |
| Artists | Interlude |
| | |
| Jazz | The Beatles |
| - T. Akiyoshi | Please Please Me |
| - J. Coltrane | |
| - M. Davis | Betty Carter |
| - D. Gordon | Ray Charles and Betty Carter |
| | |
| Soul | Jimmy Cliff |
| - B. Carter | The Harder They Come |
| - R. Charles | |
| ... | ... |
-------------------------------------------------------
| Alphabetical By category Musician Descriptions |
----------------^--------------------------------------
|
|
This frame is named
navigateFrame
Пример 1. Следующий график показывает иерархию фреймов. Все три фрейма имеют того же самого родителя, даже при том, что два из фреймов определены внутри отдельного frameset. Это, потому что родитель фреймов есть родитель окно, и фрейм, расположенный не в frameset, определяет окно.
top
|
+--listFrame (Category.html)
|
+--contentFrame (Titles.html)
|
+--navigateFrame (Navigate.html)

Вы можете обращаться к предыдущим фреймам, используя массив frames следующим образом. (Для информации относительно массива frames, смотрите объект frame.)
listFrame - top.frames [0]
contentFrame - [1] top.frames
navigateFrame - top.frames [2]
Пример 2. Следующий график показывает иерархию фреймов. UpperFrame и navigateFrame родитель: верхнее окно. ListFrame и contentFrame родитель: upperFrame.
top
|
| +--listFrame
| | (Category.html)
+---upperFrame------|
| (muskel3.html) |
| +--contentFrame
| (Titles.html)
|
+---navigateFrame
(Navigate.html)

Вы можете обращаться к предыдущим фреймам, использующим массив frames следующим образом. (Для информации относительно массивов frames, смотрите объект frame.)

upperFrame - top.frames [0]
navigateFrame - [1] top.frames
listFrame - upperFrame.frames [0] или top.frames [0] .frames [0]
contentFrame - upperFrame.frames [1] или top.frames [0] .frames [1]

Модифицикация фреймов
Вы можете модифицировать содержание фрейма, используя свойство location, пока вы точно определяете иерархию фреймов.
Например, пусть вы используете frameset, описанный в Примере 2 в предыдущем примере. Если вы хотите, чтобы пользователь был способен закрывать фрейм, содержащий список artists (в фрейме listframe) и просматр только music titles, сортируемые musician (в настоящее время в фрейме contentFrame), вы можете добавить следующую кнопку к navigateFrame.
Если Вы хотите, чтобы пользователь мог закрыть фрейм, содержащий список artists (в фрейме listframe) и просматривая только music titles, сортируемые musician (в настоящее время в фрейме contentFrame), вы можете добавить следующую кнопку к navigateFrame.

Когда пользователь нажимает на эту кнопку, файл Artists.html загружается в фрейм upperFrame; фреймы listFrame и contentFrame закрываются и больше не существуют.
Обращение к свойствам, методам, и обработчикам собития окна
Вы можете обращаться к свойствам, методам, и обработчикам собития текущего окна или другого окна следующими из способов:
self или window. Self или window - синонимы для текущего окна, и вам необязательно использовать их, чтобы обратиться к текущему окну. Например, Вы можете закрыть текущее окно, используя или window.close () или self.close ().
top или parent. Top или parent - также синонимы, которые могут использоваться вместо имени окна. Top обращается к самому верхнему окну Navigator, и parent обращается к окну, содержащий frameset. Например, выражение parent.frame2.document.bgColor="teal" изменяет цвет фона фрейма с именем frame2 в teal; frame2 - фрейм в текущем frameset.
The name of a window variable. Variable окна - переменная, которая определена, когда окно открыто. Например, msgWindow.close () закрывает окно с именем msgWindow. Однако, когда Вы открываете или закрываете окно внутри обработчика события, то вы должны точно определить window.open () или window.close () вместо использования open() или close(). Из-за обзора статических объектов в JavaScript, обращение к close() без определения точного имени окна эквивалентно выражению document.close().
Omit the window name. Поскольку существование текущего окна принято, то вы не должны обращаться к имени окна, чтобы вызывать его метод и присвоить его свойству. Например, close() закрывает текущее окно.
Для получения дополнительной информации этих методах обращения к окну, смотрите объект window.
Пример 1: обращение к текущему окну. Следующая выражение обращается к форме с именем musicForm в текущем окне. Выражение выдает предупреждение, если переключатель выбран.

if (self.document.musicForm.checkbox1.checked) {
alert('The checkbox on the musicForm is checked!')}

Пример 2: обращение к другому окну. Следующие выражения обращаются к форме с именем musicForm в окне checkboxWin. Выражения определяют, если выбран переключатель, отмечает переключатель, определят, если выбрана вторая опция объекта selected, выбирает вторую опция объекта selected. Даже при том, что значения объекта изменены в checkboxWin, текущее окно остается активным: проверка переключателя и выбора опции отбора не дает фокус окну.

// Определят выбран ли переключатель
if (checkboxWin.document.musicForm.checkbox2.checked) {
alert('The checkbox on the musicForm in checkboxWin is checked!')}
// Отмечает переключатель
checkboxWin.document.musicForm.checkbox2.checked=true
// Определяет, выбрана ли опция в объекте select
if (checkboxWin.document.musicForm.musicTypes.options[1].selected)
{alert('Option 1 is selected!')}
// Выбирает опцию в объекте select
checkboxWin.document.musicForm.musicTypes.selectedIndex=1

Пример 3: обращение к фрейму в другом окне. Следующее выражение обращается к фрейму с именем frame2, который находится в окне с именем window2. Выражение изменяет цвет фона frame2 в фиолетовый. Имя фрейма frame2, должно быть определено в теге <FRAMESET>, который создает frameset.

Window2.frame2.document.bgColor = "violet"

, ,

и т.д.) размещаются во временной базе данных соответственно структуре объектной модели.

Структура объектной модели

Как и где размещать код скрипта?

Функции, которые вызываются из кода странички в ответ на какое-то событие
Код событий, которые вызывают функции :))

Описание функций должно располагаться в теге - это гаран

2. Использование массивов Массивы Первый тип новых объектов, которые мы рассмотрим, являются массивы. Тип "Array" введен в JavaScript 1.1 для возможности манипулирования самыми разными объектами, которые отображаются Navigator'ом. Это - список всех гипертекстовых ссылок данной страницы Website, список всех картинок на данной странице, список всех applet'ов данной страницы, список всех элементов формы и т.п. Пользователь может создать и свой собственный массив, используя конструктор Array(). Делается это следующим образом:

new_array = new Array() new_array5 = new Array(5) colors = new Array ("red","white","blue")

colors = new Array() colors[5] = "red"

colors = new Array("red","white","blue") string = acolors.join("+")

В результате выполнения присваивания значения строке символов string мы получим следующую строку:

string = "red + white + blue"

color = new Array("red","white","blue") n = 0 while(n != colors.length) {.... операторы тела цикла ...}

1. Введение в JavaScript. Понятие Объектной модели

далее >>>

Автор материалов
Василий Меленчук