Клиентский JavaScript. Справочник
         

в одно из следующих ключевых


styleObject Style-объект.
styleType Строка, вычисляемая в одно из следующих ключевых слов:
normalitalic
Свойство fontStyle является отражением свойства font-style каскадных таблиц стилей.

в одно из следующих ключевых


styleObject Style-объект.
absolute Строка, вычисляемая в одно из следующих ключевых слов:
normalbold
relative Строка, вычисляемая в вес относительно веса родительского элемента, указанный одним из следующих ключевых слов:


bolderlighter
numeric Строка, вычисляемая в числовое значение от 100 до 900, где 100 обозначает наименьший, а 900 - наибольший вес.
Свойство fontWeight является отражением свойства font-weight каскадных таблиц стилей.

в размер без единиц измерения;


styleObject Style-объект.
number Строка, вычисляемая в размер без единиц измерения; например, 1.2.
length Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
normal Нормаль строки, указывающая, что высота строки определяется автоматически Navigator'ом.
Свойство lineHeight является отражением свойства line-height каскадных таблиц стилей.
Если Вы устанавливаете свойство lineHeight, специфицируя number, Navigator рассчитывает высоту строки путём умножения размера шрифта текущего элемента на number. Например, если lineHeight равно 1.2 в параграфе, использующем шрифт в 10-пунктов, высота строки будет 12 пунктов.
Если Вы устанавливаете lineHeight с number, потомки текущего параграфа наследуют фактор высоты строки; если Вы устанавливаете lineHeight с length или percentage, потомки наследуют результирующее значение.

в любое из следующих ключевых


styleObject Style-объект.
styleType Строка, вычисляемая в любое из следующих ключевых слов:
disccircle squaredecimal lower-romanupper-roman lower-alphaupper-alphanone
Свойство listStyleType является отражением свойства list-style-type каскадных таблиц стилей.

с последующими единицами измерения; например,


styleObject Style-объект.
length Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage Строка, вычисляемая в процент от ширины родительского элемента; например, 20%.
auto Строка auto, указывающая, что это поле определяется автоматически Navigator'ом.
Свойство marginBottom является отражением свойства margin-bottom каскадных таблиц стилей.

с последующими единицами измерения; например,


styleObject Style-объект.
length Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
auto Строка auto, указывающая, что это поле определяется автоматически Navigator'ом.
Свойство marginLeft является отражением свойства margin-left каскадных таблиц стилей.

с последующими единицами измерения; например,


styleObject Style-объект.
length Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
auto Строка auto, указывающая, что это поле определяется автоматически Navigator'ом.
Свойство marginRight является отражением свойства margin-right каскадных таблиц стилей.

специфицирующая значение свойства


top Строка, специфицирующая значение свойства Style.marginTop.
right Строка, специфицирующая значение свойства Style.marginRight.
bottom Строка, специфицирующая значение свойства Style.marginBottom.
left Строка, специфицирующая значение свойства Style.marginLeft.

с последующими единицами измерения; например,


styleObject Style-объект.
length Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
auto Строка auto, указывающая, что это поле определяется автоматически Navigator'ом.
Свойство marginTop является отражением свойства margin-top каскадных таблиц стилей.

с последующими единицами измерения; например,


styleObject Style-объект.
length Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
Свойство paddingBottom является отражением свойства padding-bottom каскадных таблиц стилей.

с последующими единицами измерения; например,


styleObject Style-объект.
length Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
Свойство paddingLeft является отражением свойства padding-left каскадных таблиц стилей.

с последующими единицами измерения; например,


styleObject Style-объект.
length Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
Свойство paddingRight является отражением свойства padding-right каскадных таблиц стилей.

специфицирующая значение свойства


top Строка, специфицирующая значение свойства Style.paddingTop.
right Строка, специфицирующая значение свойства Style.paddingRight.
bottom Строка, специфицирующая значение свойства Style.paddingBottom.
left Строка, специфицирующая значение свойства Style.paddingLeft.

с последующими единицами измерения; например,


styleObject Style-объкт.
length Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
Свойство paddingTop является отражением свойства padding-top каскадных таблиц стилей.

в любое из следующих ключевых


styleObject Style-объект.
alignment Строка, вычисляемая в любое из следующих ключевых слов:
leftright centerjustify
Не путайте textAlign с align, которое специфицирует выравнивание HTML-элемента внутри его родителя.
Свойство textAlign является отражением свойства text-align каскадных таблиц стилей.

в любое из следующих ключевых


styleObject Style-объект.
decoration Строка, вычисляемая в любое из следующих ключевых слов:
noneunderline line-throughblink
Свойство textDecoration является отражением свойства text-decoration каскадных таблиц стилей.

с последующими единицами измерения; например,


styleObject Style-объект.
length Строка, вычисляемая в размер с последующими единицами измерения; например, 18pt.
percentage Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
Свойство textIndent является отражением свойства text-indent каскадных таблиц стилей.

в любое из следующих ключевых


styleObject Style-объект.
transformation Строка, вычисляемая в любое из следующих ключевых слов:
nonecapitalize uppercaselowercase
Свойство textTransform является отражением свойства text-transform каскадных таблиц стилей.

с последующими единицами измерения; например,


styleObject Style-объект.
length Строка, вычисляемая в размер с последующими единицами измерения; например, 10pt.
percentage Строка, вычисляемая в процентах от ширины родительского элемента; например, 20%.
auto Строка auto, указывающая, что ширина определяется автоматически Navigator'ом.
Свойство width является отражением свойства width каскадных таблиц стилей.
Свойства Style.marginLeft и Style.marginRight имеют приоритет над свойством Style.width. Например, если marginLeft установлено в 25%, marginRight установлено в 10%, а width установлена в 100%, Navigator игнорирует значение width и использует 65% для установки width.

в текст, который пользователь должен


text Строка, вычисляемая в текст, который пользователь должен промаркировать.
selectionStyle Строка, вычисляемая в:
ask специфицирует, что диалоговое окно предоставит пользователю список доступных сертификатов. auto специфицирует, что Navigator автоматически выбирает сертификат из диапазона authority1 до authorityN.
authority1... authorityN Строки по выбору, вычисляемые в Certificate Authorities, принимаемые сервером с использованием маркированного текста.

Булево значение. Если true, специфицирует


string Искомая текстовая строка.
caseSensitive Булево значение. Если true, специфицирует поиск с учётом регистра символов. Если Вы предоставляете этот параметр, Вы обязаны также задать значение для backward.
backward Булев. Если true, специфицирует поиск в обратном направлении (снизу вверх по документу). Если Вы предоставляете этот параметр, Вы обязаны также задать значение для casesensitive.

Количество пикселов, на которое окно


horizontal Количество пикселов, на которое окно перемещается по горизонтали.
vertical Количество пикселов, на которое окно перемещается по вертикали.

Левый край окна


x-coordinate Левый край окна в координатах экрана.
y-coordinate Верхний край окна в координатах экрана.

в атрибуте TARGET тэга FORM


URL Строка, специфицирующая URL для открытия в новом окне. См. в Location описание компонентов URL.
windowName Строка, специфицирующая имя окна, используемое в атрибуте TARGET тэга FORM или A. windowName может содержать только алфавитные символы, цифры и знак подчёркивания (_).
windowFeatures Строка, специфицирующая список (с разделёнием запятыми), в которой определяется, создавать или нет различные стандартные параметры окна. Эти опции рассматриваются в следующем разделе.

Строка или целое число представляющее


message Строка - текст сообщения.
inputDefault Строка или целое число представляющее значение по умолчанию поля ввода.

Количество пикселов, на которое окно


horizontal Количество пикселов, на которое окно изменяет размер по горизонтали.
vertical Количество пикселов, на которое окно изменяет размер по вертикали.

Целое число


outerWidth Целое число - ширина окна в пикселах.
outerHeight Целое число - высота окна в пикселах.

Количество пикселов, на которое область


horizontal Количество пикселов, на которое область просмотра прокручивается по горизонтали.
vertical Количество пикселов, на которое область просмотра прокручивается по вертикали.

Целое число, представляющее


x-coordinate Целое число, представляющее x-координату области просмотра в пикселах.
y-coordinate Целое число, представляющее у-координату области просмотра в пикселах.

содержащая выражение JavaScript. Это выражение


function Любая функция.
expression Строка, содержащая выражение JavaScript. Это выражение обязано быть заключено в кавычки; иначе setInterval вызывает его немедленно. Например, setInterval("calcnum(3, 2)", 25).
msec Числовое значение или строка цифр, в миллисекундах.
arg1, ..., argn Аргументы, если имеются, передаваемые в function.

содержащая выражение JavaScript. Выражение обязано


expression Строка, содержащая выражение JavaScript. Выражение обязано быть заключено в кавычки; иначе setTimeout вызывает его немедленно. Например, setTimeout("calcnum(3, 2)", 25).
msec Числовое значение или строка цифр, в миллисекундах.
function Любая функция.
arg1, ..., argN Аргументы, если имеются, передаваемые в function.

Выводится имя первого anchor


Выводится имя первого anchor в документе:
alert("The first anchor is " + document.anchors[0].name)

The text of the first


Выводится текст первого якоря документа:
alert(" The text of the first anchor is " + document.anchors[0].text)

В следующем примере код создаёт


В следующем примере код создаёт массив myFish из четырёх элементов, затем удаляет последний элемент.
myFish = ["angel", "clown", "mandarin", "surgeon"];
popped = myFish.pop();

Следующий код создаёт массив myFish


Следующий код создаёт массив myFish из двух элементов, затем добавляет в него два элемента. После выполнения кода pushed содержит 4. (В JavaScript 1.2 pushed содержит "lion" после выполнения кода.)
myFish = ["angel", "clown"];
pushed = myFish.push("drum", "lion");

В следующем примере slice создаёт


В следующем примере slice создаёт новый массив newCar из myCar. Оба массива содержат ссылку на объект myHonda. Если цвет/color объекта myHonda изменяется на purple, это изменение отражается в обоих массивах.
<SCRIPT LANGUAGE="JavaScript1.2">//С использованием slice создаётся newCar из myCar.
myHonda = {color:"red",wheels:4,engine:{cylinders:4,size:2.2}}
myCar = [myHonda, 2, "cherry condition", "purchased 1997"]
newCar = myCar.slice(0,2) //Записываются значения myCar, newCar и цвет для myHonda,
//на который ссылаются из обоих массивов.
document.write("myCar = " + myCar + "<BR>")
document.write("newCar = " + newCar + "<BR>")
document.write("myCar[0].color = " + myCar[0].color + "<BR>")
document.write("newCar[0].color = " + newCar[0].color + "<BR><BR>") //Изменяется цвет myHonda.
myHonda.color = "purple"
document.write("The new color of my Honda is " + myHonda.color + "<BR><BR>") //Записывается цвет myHonda, на который ссылаются из обоих массивов.
document.write("myCar[0].color = " + myCar[0].color + "<BR>")
document.write("newCar[0].color = " + newCar[0].color + "<BR>") </SCRIPT>Этот скрипт запишет:
myCar = [{color:"red", wheels:4, engine:{cylinders:4, size:2.2}}, 2,
"cherry condition", "purchased 1997"]
newCar = [{color:"red", wheels:4, engine:{cylinders:4, size:2.2}}, 2]
myCar[0].color = red newCar[0].color = red
The new color of my Honda is purple
myCar[0].color = purple
newCar[0].color = purple

отсортированные массивы. Числовые массивы сортируются


Следующий пример создаёт 4 массива и отображает массив-оригинал, а затем - отсортированные массивы. Числовые массивы сортируются сначала без, затем - с использованием функции сравнения.
<SCRIPT>
stringArray = new Array("Blue","Humpback","Beluga")
numericStringArray = new Array("80","9","700")
numberArray = new Array(40,1,5,200)
mixedNumericArray = new Array("80","9","700",40,1,5,200) function compareNumbers(a, b) {
   return a - b
} document.write("<B>stringArray:</B> " + stringArray.join() +"<BR>")
document.write("<B>Sorted:</B> " + stringArray.sort() +"<P>") document.write("<B>numberArray:</B> " + numberArray.join() +"<BR>")
document.write("<B>Sorted without a compare function:</B> " + numberArray.sort() +"<BR>")
document.write("<B>Sorted with compareNumbers:</B> " + numberArray.sort(compareNumbers) +"<P>") document.write("<B>numericStringArray:</B> " + numericStringArray.join() +"<BR>")
document.write("<B>Sorted without a compare function:</B> " + numericStringArray.sort() +"<BR>")
document.write("<B>Sorted with compareNumbers:</B> " + numericStringArray.sort(compareNumbers) +"<P>") document.write("<B>mixedNumericArray:</B> " + mixedNumericArray.join() +"<BR>")
document.write("<B>Sorted without a compare function:</B> " + mixedNumericArray.sort() +"<BR>")
document.write("<B>Sorted with compareNumbers:</B> " + mixedNumericArray.sort(compareNumbers) +"<BR>")
</SCRIPT> На выводе будет получено следующее. Как видно ввода, если функция сравнения используется, числа сортируются корректно, если они являются числами или строками из цифр.
stringArray: Blue,Humpback,Beluga
Sorted: Beluga,Blue,Humpback numberArray: 40,1,5,200
Sorted without a compare function: 1,200,40,5
Sorted with compareNumbers: 1,5,40,200numericStringArray: 80,9,700
Sorted without a compare function: 700,80,9
Sorted with compareNumbers: 9,80,700 mixedNumericArray: 80,9,700,40,1,5,200
Sorted without a compare function: 1,200,40,5,700,80,9
Sorted with compareNumbers: 1,5,9,40,80,200,700

removed is: undefinedAfter removing 1:


Следующий скрипт иллюстрирует использование splice:
<SCRIPT LANGUAGE="JavaScript1.2"> myFish = ["angel", "clown", "mandarin", "surgeon"];
document.writeln("myFish: " + myFish + "<BR>"); removed = myFish.splice(2, 0, "drum");
document.writeln("After adding 1: " + myFish);
document.writeln("removed is: " + removed + "<BR>"); removed = myFish.splice(3, 1)
document.writeln("After removing 1: " + myFish);
document.writeln("removed is: " + removed + "<BR>"); removed = myFish.splice(2, 1, "trumpet")
document.writeln("After replacing 1: " + myFish);
document.writeln("removed is: " + removed + "<BR>"); removed = myFish.splice(0, 2, "parrot", "anemone", "blue")
document.writeln("After replacing 2: " + myFish);
document.writeln("removed is: " + removed); </SCRIPT>Этот скрипт выведет:
myFish: ["angel", "clown", "mandarin", "surgeon"] After adding 1: ["angel", "clown", "drum", "mandarin", "surgeon"]
removed is: undefinedAfter removing 1: ["angel", "clown", "drum", "surgeon"]
removed is: mandarinAfter replacing 1: ["angel", "clown", "trumpet", "surgeon"]
removed is: drumAfter replacing 2: ["parrot", "anemone", "blue", "trumpet", "surgeon"]
removed is: ["angel", "clown"]

Для проверки исходного кода


Для проверки исходного кода массива:
alpha = new Array("a", "b", "c")
alpha.toSource() //возвращает ["a", "b", "c"]

Следующий код выводит массив myFish


Следующий код выводит массив myFish до и после добавления в него элементов.
myFish = ["angel", "clown"];
document.writeln("myFish before: " + myFish);
unshifted = myFish.unshift("drum", "lion");
document.writeln("myFish after: " + myFish);
document.writeln("New length: " + unshifted); На выводе будет:
myFish before: ["angel", "clown"]
myFish after: ["drum", "lion", "angel", "clown"]
New length: 4

Второй оператор присваивает значение 25


Второй оператор присваивает значение 25 переменной day на основе значения Date -объекта Xmas95.
Xmas95 = new Date("December 25, 1995 23:15:00")
day = Xmas95.getDate()

переменной weekday на основе


Второй оператор присваивает значение 1 переменной weekday на основе значения Date -объекта Xmas95. December 25, 1995, это Monday/Понедельник.
Xmas95 = new Date("December 25, 1995 23:15:00")
weekday = Xmas95.getDay()

Число из


Число из 4 цифр - год - присваивается переменной yr.
var yr;
Today = new Date();
yr = Today.getFullYear();

Второй оператор присваивает значение 23


Второй оператор присваивает значение 23 переменной hours на основе значения Date -объекта Xmas95.
Xmas95 = new Date("December 25, 1995 23:15:00")
hours = Xmas95.getHours()

Часть миллисекунд текущей даты присваивается


Часть миллисекунд текущей даты присваивается переменной ms.
var ms;
Today = new Date();
ms = Today.getMilliseconds();

Второй оператор присваивает значение 15


Второй оператор присваивает значение 15 переменной minutes на основе значения Date -объекта Xmas95.
Xmas95 = new Date("December 25, 1995 23:15:00")
minutes = Xmas95.getMinutes()

Второй оператор присваивает значение 11


Второй оператор присваивает значение 11 переменной month на основе значения Date -объекта Xmas95.
Xmas95 = new Date("December 25, 1995 23:15:00")
month = Xmas95.getMonth()

Второй оператор присваивает значение 30


Второй оператор присваивает значение 30 переменной secs на основе значения Date -объекта Xmas95.
Xmas95 = new Date("December 25, 1995 23:15:30")
secs = Xmas95.getSeconds()

в theBigDay присваивается


Значение даты в theBigDay присваивается sameAsBigDay:
theBigDay = new Date("July 1, 1999")
sameAsBigDay = new Date()
sameAsBigDay.setTime(theBigDay.getTime())

currentTimeZoneOffsetInHours


x = new Date()
currentTimeZoneOffsetInHours = x.getTimezoneOffset()/60

Часть day текущей даты присваивается


Часть day текущей даты присваивается переменной d.
var d;
Today = new Date();
d = Today.getUTCDate();

Часть weekday текущей даты присваивается


Часть weekday текущей даты присваивается переменной ms.
var weekday;
Today = new Date()
weekday = Today.getUTCDay()

значное значение текущего года присваивается


4- значное значение текущего года присваивается переменной yr.
var yr;
Today = new Date();
yr = Today.getUTCFullYear();

Часть hours текущего времени присваивается


Часть hours текущего времени присваивается переменной hrs.
var hrs;
Today = new Date();
hrs = Today.getUTCHours();

Часть milliseconds текущего времени присваивается


Часть milliseconds текущего времени присваивается переменной ms.
var ms;
Today = new Date();
ms = Today.getUTCMilliseconds();

Часть minutes текущего времени присваивается


Часть minutes текущего времени присваивается переменной min.
var min;
Today = new Date();
min = Today.getUTCMinutes();

Часть month текущей даты присваивается


Часть month текущей даты присваивается переменной mon.
var mon;
Today = new Date();
mon = Today.getUTCMonth();

Часть seconds текущего времени присваивается


Часть seconds текущего времени присваивается переменной sec.
var sec;
Today = new Date();
sec = Today.getUTCSeconds();

Если IPOdate это существующий Date


Если IPOdate это существующий Date -объект, Вы можете установить его в August 9, 1995 таким образом:
IPOdate.setTime(Date.parse("Aug 9, 1995"))

Второй оператор изменяет theBigDay на


Второй оператор изменяет theBigDay на July 24.
theBigDay = new Date("July 27, 1962 23:30:00")
theBigDay.setDate(24)

Пример theBigDay = new Date()


theBigDay = new Date();
theBigDay.setFullYear(1997);

theBigDay = new Date()


theBigDay = new Date();
theBigDay.setMilliseconds(100);

с использованием GMT вместо локального


Оператор создаёт Date -объект с использованием GMT вместо локального времени:
gmtDate = new Date(Date.UTC(96, 11, 1, 0, 0, 0))

Следующая функция использует свойство cookie


Следующая функция использует свойство cookie для записи напоминания пользователю приложения. Дата окончания работы куки устанавливается в один день после даты напоминания.
function RecordReminder(time, expression) {
   // Записывает куку в форме "@<T>=<E>" для отображения
   // из <T> в миллисекундах,
   // возвращаемых методом Date.getTime(), в кодированное выражение,
   // <E> (кодировано с отсутствием символов пробелов, точки с запятой или запятой)
   document.cookie = "@" + time + "=" + expression + ";"
   // устанавливается время окончания работы куки в один день
   // после дня напоминания
   document.cookie += "expires=" + cookieDate(time + 24*60*60*1000)
   // cookieDate это функция, которая форматирует дату
   //в соответствии со спецификацией куки
}

Следующий оператор изменяет свойство domain


Следующий оператор изменяет свойство domain в "braveNewWorld.com". Этот оператор верен только тогда, когда суффикс "braveNewWorld.com" является суффиксом текущего домена, такого как "www.braveNewWorld.com".
document.domain="braveNewWorld.com"

у Вас имеется форма со


Если у Вас имеется форма со следующим кодом и Вы щёлкнули на кнопке, JavaScript отображает alert-диалог, содержащий текущий выделенный текст из окна, содержащего кнопку:
<INPUT TYPE="BUTTON" NAME="getstring"
VALUE="Show highlighted text (if any)"
   onClick="alert('You have selected:\n'+document.getSelection());">

файла для отображения даты изменения


Здесь свойство lastModified используется в тэге SCRIPT в конце HTML- файла для отображения даты изменения страницы:
document.write("This page updated on " + document.lastModified)

Здесь цвет гиперссылок документа устанавливается


Здесь цвет гиперссылок документа устанавливается в aqua с использованием строкового литерала:
document.linkColor="aqua" А здесь - с использованием 16-ричного триплета:
document.linkColor="00FFFF"

Здесь функция getReferrer вызывается из


Здесь функция getReferrer вызывается из документа назначения. Она возвращает URL исходного документа.
function getReferrer() {
return document.referrer
}

Здесь значение свойства title присваивается


Здесь значение свойства title присваивается переменной docTitle:
var newWindow = window.open("http://home.netscape.com")
var docTitle = newWindow.document.title

The current URL is


Выводится URL текущего документа:
document.write(" The current URL is " + document.URL)

Здесь объект FileUpload помещается на


Здесь объект FileUpload помещается на форме и предоставляются две кнопки, которые дают возможность отобразить текущие значения свойств name и value.
<FORM NAME="form1">
File to send: <INPUT TYPE="file" NAME="myUploadObject">
<P>Get properties<BR>
<INPUT TYPE="button" VALUE="name"
   onClick="alert('name: ' + document.form1.myUploadObject.name)">
<INPUT TYPE="button" VALUE="value"
   onClick="alert('value: ' + document.form1.myUploadObject.value)"><BR>
</FORM>

в свойство action формы musicForm


Здесь в свойство action формы musicForm устанавливается значение переменной urlName:
document.musicForm.action=urlName

Эта функция возвращает значение свойства


Эта функция возвращает значение свойства encoding формы musicForm:
function getEncoding() {
return document.musicForm.encoding
}

Функция valueGetter использует цикл for


Функция valueGetter использует цикл for для итерации по массиву элементов формы valueTest. В окне msgWindow отображаются имена всех элементов формы:
newWindow=window.open("http://home.netscape.com") function valueGetter() {
var msgWindow=window.open("")
   for (var i = 0; i < newWindow.document.valueTest.elements.length; i++) {
      msgWindow.document.write(newWindow.document.valueTest.elements[i].name + "<BR>")
   }
}

Обработчик события объекта Text onChange


Отображается объект Text, в котором пользователь печатает "CA" или "AZ". Обработчик события объекта Text onChange вызывает функцию, которая выполняет метод reset формы, если пользователь делает неверный ввод. Если метод reset выполняется, восстанавливаются значения по умолчанию, и обработчик onReset формы выводит сообщение.
<SCRIPT>
function verifyInput(textObject) {
if (textObject.value == 'CA' || textObject.value == 'AZ') {
      alert('Nice input')
   }
   else { document.myForm.reset() }
}
</SCRIPT> <FORM NAME="myForm" onReset="alert('Please enter CA or AZ.')">
Enter CA or AZ:
<INPUT TYPE="text" NAME="state" SIZE="2" onChange=verifyInput(this)><P>
</FORM>

Здесь специфицируется, что ответы форме


Здесь специфицируется, что ответы форме musicInfo отображаются в окне msgWindow:
document.musicInfo.target="msgWindow"

Можно использовать apply для создания


Можно использовать apply для создания цепочки конструкторов объекта, как в Java. В следующем примере конструктор объекта product определяется с двумя параметрами, name и value. Другой объект, prod_dept, инициализирует свою уникальную переменную (dept) и вызывает конструктор для product в своём конструкторе для инициализации других переменных. Здесь параметр arguments использован для всех аргументов конструктора объекта product.
function product(name, value){
this.name = name;
   if(value > 1000)
      this.value = 999;
   else
      this.value = value;
} function prod_dept(name, value, dept){
   this.dept = dept;
   product.apply(product, arguments);
} prod_dept.prototype = new product(); // поскольку 5 меньше 100, значение устанавливается
cheese = new prod_dept("feta", 5, "food");// поскольку 5000 больше 1000, значение будет 999
car = new prod_dept("honda", 5000, "auto");

Если Вы передаёте этой функции


Использование Function.length и arguments.length.
function addNumbers(x,y){
if (arguments.length == addNumbers.length) {
      return (x+y)
   }
   else return 0
} Если Вы передаёте этой функции больше двух аргументов, она возвращает 0:
result=addNumbers(3,4,5)   // возвращает 0
result=addNumbers(3,4)     // возвращает 7
result=addNumbers(103,104) // возвращает 207

Если Вы передаёте этой функции


Использование arity и arguments.length.
function addNumbers(x,y){
if (arguments.length == addNumbers.length) {
      return (x+y)
   }
   else return 0
} Если Вы передаёте этой функции более двух аргументов, она возвращает 0:
result=addNumbers(3,4,5)   // возвращает 0
result=addNumbers(3,4)     // возвращает 7
result=addNumbers(103,104) // возвращает 207

str_rep для добавления метода всем


Здесь создаётся метод str_rep и используется оператор String.prototype.rep = str_rep для добавления метода всем объектам String. Все объекты, созданные с помощью new String(), имеют теперь и этот метод, хотя объекты уже были созданы раньше. Затем создаётся альтернативный метод и добавляется к одному из объектов String через использование оператора s1.rep = fake_rep. Метод str_rep других String-объектов не изменяется.
var s1 = new String("a")
var s2 = new String("b")
var s3 = new String("c") // Создаётся метод repeat-string-N-times для всех объектов String
function str_rep(n) {
var s = "", t = this.toString()
   while (--n >= 0) s += t
   return s
} String.prototype.rep = str_rep s1a=s1.rep(3) // возвращает "aaa"
s2a=s2.rep(5) // возвращает "bbbbb"
s3a=s3.rep(2) // возвращает "cc"// Создаётся альтернативный метод и присваивается только одной String-переменной
function fake_rep(n) {
   return "repeat " + this + " " + n + " times."
} s1.rep = fake_rep
s1b=s1.rep(1) // возвращает "repeat a 1 times."
s2b=s2.rep(4) // возвращает "bbbb"
s3b=s3.rep(6) // возвращает "cccccc" Функция из этого примера работает также со String-объектами, созданными без использования конструктора String. Следующий код возвращает "zzz".
"z".rep(3)

Здесь объект Hidden используется для


Здесь объект Hidden используется для хранения значения последнего объекта, по которому щёлкнул пользователь. Форма содержит кнопку "Display hidden value", которую пользователь может щёлкнуть для вывода значения объекта Hidden и диалога Alert.
<HTML>
<HEAD>
<TITLE>Hidden object example</TITLE>
</HEAD>
<BODY>
<B>Click some of these objects, then click the "Display value" button
<BR>to see the value of the last object clicked.</B>
<FORM NAME="myForm">
<INPUT TYPE="hidden" NAME="hiddenObject" VALUE="None">
<P>
<INPUT TYPE="button" VALUE="Click me" NAME="button1"
onClick="document.myForm.hiddenObject.value=this.value">
<P>
<INPUT TYPE="radio" NAME="musicChoice" VALUE="soul-and-r&b"
   onClick="document.myForm.hiddenObject.value=this.value"> Soul and R&B
<INPUT TYPE="radio" NAME="musicChoice" VALUE="jazz"
   onClick="document.myForm.hiddenObject.value=this.value"> Jazz
<INPUT TYPE="radio" NAME="musicChoice" VALUE="classical"
   onClick="document.myForm.hiddenObject.value=this.value"> Classical
<P>
<SELECT NAME="music_type_single"
   onFocus="document.myForm.hiddenObject.value=this.options[this.selectedIndex].text">
   <OPTION SELECTED> Red <OPTION> Orange <OPTION> Yellow
</SELECT>
<P><INPUT TYPE="button" VALUE="Display hidden value" NAME="button2"
   onClick="alert('Last object clicked: ' + document.myForm.hiddenObject.value)">
</FORM>
</BODY>
</HTML>

Здесь записывается значение свойства type


Здесь записывается значение свойства type для каждого элемента формы.
for (var i = 0; i < document.myForm.elements.length; i++) {
document.writeln("<BR>type is " + document.myForm.elements[i].type)
}

Эта функция вычисляет свойство value


Эта функция вычисляет свойство value группы кнопок и выводит его в окне msgWindow:
function valueGetter() {
   var msgWindow=window.open("")
   msgWindow.document.write("The submit button says " +
      document.valueTest.submitButton.value + "<BR>")
   msgWindow.document.write("The reset button says " +
      document.valueTest.resetButton.value + "<BR>")
   msgWindow.document.write("The hidden field says " +
      document.valueTest.hiddenField.value + "<BR>")
   msgWindow.document.close()
} Этот пример выведет следующее:
The submit button says Query Submit
The reset button says Reset
The hidden field says pipefish are cute. Здесь предполагается, что кнопки были определены так:
<INPUT TYPE="submit" NAME="submitButton">
<INPUT TYPE="reset" NAME="resetButton">
<INPUT TYPE="hidden" NAME="hiddenField" VALUE="pipefish are cute.">

Следующие кнопки выполняют ту же


Следующие кнопки выполняют ту же операцию, что и кнопка Back браузера:
<P><INPUT TYPE="button" VALUE="< Go Back"
onClick="history.back()">
<P><INPUT TYPE="button" VALUE="> Go Back"
   onClick="myWindow.back()">

Если это так, вызывается функция


Здесь определяется, содержит ли history.current строку "netscape.com". Если это так, вызывается функция myFunction.
if (history.current.indexOf("netscape.com") != -1) {
myFunction(history.current)
}

Следующие кнопки выполняют ту же


Следующие кнопки выполняют ту же операцию, что и кнопка Forward браузера:
<P><INPUT TYPE="button" VALUE="< Forward"
onClick="history.forward()">
<P><INPUT TYPE="button" VALUE="> Forward"
   onClick="myWindow.forward()">

Здесь определяется, содержит ли


Здесь определяется, содержит ли history.previous строку "NETSCAPE.COM". Если да - вызывается функция myFunction.
if (history.previous.indexOf("NETSCAPE.COM") != -1) {
myFunction(history.previous)
}

Эта функция выводит значение свойства


Эта функция выводит значение свойства border изображения, если это значение не равно 0.
function checkBorder(theImage) {
if (theImage.border==0) {
      alert('The image has no border!')
   }
   else alert('The image's border is ' + theImage.border)
}

кнопки для выбора изображения для


Здесь выводится изображение и три радио-кнопки. Пользователь может щёлкать радио- кнопки для выбора изображения для вывода. Щелчок по другой кнопке позволяет пользователю увидеть текущее значение свойства complete.
<B>Choose an image:</B>
<BR><INPUT TYPE="radio" NAME="imageChoice" VALUE="image1" CHECKED
onClick="document.images[0].src='f15e.gif'">F-15 Eagle
<BR><INPUT TYPE="radio" NAME="imageChoice" VALUE="image2"
   onClick="document.images[0].src='f15e2.gif'">F-15 Eagle 2
<BR><INPUT TYPE="radio" NAME="imageChoice" VALUE="image3"
   onClick="document.images[0].src='ah64.gif'">AH-64 Apache <BR><INPUT TYPE="button" VALUE="Is the image completely loaded?"
   onClick="alert('The value of the complete property is '
      + document.images[0].complete)">
<BR>
<IMG NAME="aircraft" SRC="f15e.gif" ALIGN="left" VSPACE="10"><BR>

Следующая функция выводит значения свойств


Следующая функция выводит значения свойств height, width, hspace и vspace изображения.
function showImageSize(theImage) {
alert('height=' + theImage.height+
      '; width=' + theImage.width +
      '; hspace=' + theImage.hspace +
      '; vspace=' + theImage.vspace)
}

и три кнопки. Пользователь может


Здесь выводится изображение и три кнопки. Пользователь может щёлкать радио-кнопки для выбора выводимого изображения. Каждое изображение также использует свойство lowsrc для вывода изображения с низким разрешением.
<SCRIPT>
function displayImage(lowRes,highRes) {
document.images[0].lowsrc=lowRes
   document.images[0].src=highRes
}
</SCRIPT> <FORM NAME="imageForm">
<B>Choose an image:</B>
<BR><INPUT TYPE="radio" NAME="imageChoice" VALUE="image1" CHECKED
   onClick="displayImage('f15el.gif','f15e.gif')">F-15 Eagle
<BR><INPUT TYPE="radio" NAME="imageChoice" VALUE="image2"
   onClick="displayImage('f15e2l.gif','f15e2.gif')">F-15 Eagle 2
<BR><INPUT TYPE="radio" NAME="imageChoice" VALUE="image3"
   onClick="displayImage('ah64l.gif','ah64.gif')">AH-64 Apache <BR>
<IMG NAME="aircraft" SRC="f15e.gif" LOWSRC="f15el.gif" ALIGN="left" VSPACE="10"><BR>
</FORM>

x это объект JavaClass, ссылающийся


Здесь x это объект JavaClass, ссылающийся на java.awt.Font. Поскольку BOLD является static-полем (свойством) класса Font, оно является также свойством объекта JavaClass.
x = java.awt.Font
myFont = x("helv",x.BOLD,10) // создаёт объект Font В этом примере пропущено ключевое слово Packages и использован синоним java, поскольку класс Font находится в пакете java.

корпорация Redwood использует пакет Java


Предположим, корпорация Redwood использует пакет Java redwood для хранения различных Java-классов, реализуемых ею. Следующий код создаёт JavaPackage red:
var red = Packages.redwood

Здесь специфицируется, что ответы на


Здесь специфицируется, что ответы на форму musicInfo отображаются в окне msgWindow:
document.musicInfo.target="msgWindow"

в него специфицированный URL. Операторы


Здесь оператор window.open создаёт окно newWindow и загружает в него специфицированный URL. Операторы document.write выводят свойства newWindow.location в окне msgWindow.
newWindow=window.open
("http://home.netscape.com/comprod/products/navigator/
   version_2.0/script/script_info/objects.html#checkbox_object")msgWindow.document.write("newWindow.location.href = " +
   newWindow.location.href + "<P>")
msgWindow.document.write("newWindow.location.hash = " +
   newWindow.location.hash + "<P>")
msgWindow.document.close() Этот пример даст на выходе:
newWindow.location.href =
   http://home.netscape.com/comprod/products/navigator/
   version_2.0/script/script_info/objects.html#checkbox_object
newWindow.location.hash = #checkbox_object

в него специфицированный URL. Операторы


Здесь оператор window.open создаёт окно newWindow и загружает в него специфицированный URL. Операторы document.write отображают свойства newWindow.location в окне msgWindow.
newWindow=window.open
("http://home.netscape.com/comprod/products/navigator/
   version_2.0/script/script_info/objects.html#checkbox_object") msgWindow.document.write("newWindow.location.href = " +
   newWindow.location.href + "<P>")
msgWindow.document.write("newWindow.location.host = " +
   newWindow.location.host + "<P>")
msgWindow.document.close() Этот пример даст на выходе:
newWindow.location.href =
   http://home.netscape.com/comprod/products/navigator/
   version_2.0/script/script_info/objects.html#checkbox_object
newWindow.location.host = home.netscape.com

в него специфицированный URL. Оператор


В этом примере оператор window.open создаёт окно newWindow и загружает в него специфицированный URL. Оператор document.write отображает все свойства newWindow.location в окне msgWindow.
newWindow=window.open
("http://home.netscape.com/comprod/products/navigator/
   version_2.0/script/script_info/objects.html#checkbox_object")msgWindow.document.write("newWindow.location.href = " +
   newWindow.location.href + "<P>")
msgWindow.document.write("newWindow.location.protocol = " +
   newWindow.location.protocol + "<P>")
msgWindow.document.write("newWindow.location.host = " +
   newWindow.location.host + "<P>")
msgWindow.document.write("newWindow.location.hostName = " +
   newWindow.location.hostName + "<P>")
msgWindow.document.write("newWindow.location.port = " +
   newWindow.location.port + "<P>")
msgWindow.document.write("newWindow.location.pathname = " +
   newWindow.location.pathname + "<P>")
msgWindow.document.write("newWindow.location.hash = " +
   newWindow.location.hash + "<P>")
msgWindow.document.write("newWindow.location.search = " +
   newWindow.location.search + "<P>")
msgWindow.document.close() Этот пример даст на выходе:
newWindow.location.href =
   http://home.netscape.com/comprod/products/navigator/
   version_2.0/script/script_info/objects.html#checkbox_object
newWindow.location.protocol = http:
newWindow.location.host = home.netscape.com
newWindow.location.hostName = home.netscape.com
newWindow.location.port =
newWindow.location.pathname =
   /comprod/products/navigator/version_2.0/script/
   script_info/objects.html
newWindow.location.hash = #checkbox_object
newWindow.location.search =

в него специфицированный URL. Операторы


В этом примере оператор window.open создаёт окно newWindow и загружает в него специфицированный URL. Операторы document.write выводят свойства newWindow.location в окне msgWindow.
newWindow=window.open
("http://home.netscape.com/comprod/products/navigator/
   version_2.0/script/script_info/objects.html#checkbox_object")msgWindow.document.write("newWindow.location.href = " +
   newWindow.location.href + "<P>")
msgWindow.document.write("newWindow.location.port = " +
   newWindow.location.port + "<P>")
msgWindow.document.close() Этот пример даст на выходе:
newWindow.location.href =
   http://home.netscape.com/comprod/products/navigator/
   version_2.0/script/script_info/objects.html#checkbox_object
newWindow.location.port =

в него специфицированный URL. Операторы


В этом примере оператор window.open создаёт окно newWindow и загружает в него специфицированный URL. Операторы document.write отображают свойства newWindow.location в окне msgWindow.
newWindow=window.open
("http://home.netscape.com/comprod/products/navigator/
   version_2.0/script/script_info/objects.html#checkbox_object")msgWindow.document.write("newWindow.location.href = " +
   newWindow.location.href + "<P>")
msgWindow.document.write("newWindow.location.protocol = " +
   newWindow.location.protocol + "<P>")
msgWindow.document.close() Этот пример даст на выходе:
newWindow.location.href =
   http://home.netscape.com/comprod/products/navigator/
   version_2.0/script/script_info/objects.html#checkbox_object
newWindow.location.protocol = http: