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

         

Примеры x = new Number();


x = new Number();
alert(x.valueOf())//выводит 0

Затем выводится свойство constructor объекта


Создаётся прототип Tree и объект этого типа - theTree. Затем выводится свойство constructor объекта theTree.
function Tree(name) {
this.name=name
}
theTree = new Tree("Redwood")
document.writeln("<B>theTree.constructor is</B> " +
   theTree.constructor + "<P>") На выходе будет:
theTree.constructor is function Tree(name) { this.name = name; }

и создаётся theDog, объект типа


Определяется тип объектов Dog и создаётся theDog, объект типа Dog:
function Dog(name,breed,color,sex) {
   this.name=name
   this.breed=breed
   this.color=color
   this.sex=sex
}
theDog = new Dog("Gabby","Lab","chocolate","girl") Вызов метода toSource объекта theDog выводит исходный код JavaScript, определяющий этот объект:
theDog.toSource()
//возвращает "{name:"Gabby", breed:"Lab", color:"chocolate", sex:"girl"}

Пример 1: Объект location. Печатается


Пример 1: Объект location. Печатается строковой эквивалент текущего location.
document.write("location.toString() is " + location.toString() + "<BR>")

Вывод будет таким:
location.toString() is file:///C|/TEMP/myprog.html Пример 2: Объект без строкового значения. Предположим, у Вас имеется Image-объект sealife, определённый так:
<IMG NAME="sealife" SRC="images\seaotter.gif" ALIGN="left" VSPACE="10"> Поскольку сам по себе Image-объект не имеет специального метода toString, sealife.toString() возвращает:
[object Image] Пример 3: Параметр radix. Печатается строковые эквиваленты чисел от 0 до 9 в 10-ричном и двоичном формате.
for (x = 0; x < 10; x++) {
document.write("Decimal: ", x.toString(10), " Binary: ", x.toString(2), "<BR>")
} Этот пример даст на выходе:
Decimal: 0 Binary: 0
Decimal: 1 Binary: 1
Decimal: 2 Binary: 10
Decimal: 3 Binary: 11
Decimal: 4 Binary: 100
Decimal: 5 Binary: 101
Decimal: 6 Binary: 110
Decimal: 7 Binary: 111
Decimal: 8 Binary: 1000
Decimal: 9 Binary: 1001

Пример 1. Здесь функция getChoice


Пример 1. Здесь функция getChoice возвращает значение свойства text для выбраной опции. Цикл for вычисляет каждую опцию Select-объекта musicType. Оператор if находит выбранную опцию.
function getChoice() {
for (var i = 0; i < document.musicForm.musicType.length; i++) {
      if (document.musicForm.musicType.options[i].selected == true) {
         return document.musicForm.musicType.options[i].text
      }
   }
   return null
} Предполагается, что Select-объект таков:
<SELECT NAME="musicType">
   <OPTION SELECTED> R&B
   <OPTION> Jazz
   <OPTION> Blues
   <OPTION> New Age
</SELECT> Пример 2. В следующей форме пользователь может ввести некоторый текст в первом текстовом поле, а затем ввести число от 0 до 2 (включительно) во втором текстовом поле. Когда пользователь щёлкает по кнопке, текст изменяется на номер выбранной опции, и эта опция выбирается.

Код выглядит так:
<SCRIPT>
function updateList(theForm, i) {
   theForm.userChoice.options[i].text = theForm.whatsNew.value
   theForm.userChoice.options[i].selected = true
}
</SCRIPT>
<FORM>
<SELECT name="userChoice">
   <OPTION>Choice 1
   <OPTION>Choice 2
   <OPTION>Choice 3
</SELECT>
<BR>
New text for the option: <INPUT TYPE="text" NAME="whatsNew">
<BR>
Option to change (0, 1, or 2): <INPUT TYPE="text" NAME="idx">
<BR>
<INPUT TYPE="button" VALUE="Change Selection"
onClick="updateList(this.form, this.form.idx.value)">
</FORM>

Функция JavaScript создаёт диалоговое окно


Функция JavaScript создаёт диалоговое окно Java:
function createWindow() {
var theOwner = new Packages.java.awt.Frame();
   var theWindow = new Packages.java.awt.Dialog(theOwner);
   theWindow.setSize(350,200);
   theWindow.setTitle("Hello, World");
   theWindow.setVisible(true);
} Здесь функция создаёт экземпляр theWindow как Packages-объект. Методы setSize, setTitle и setVisible доступны для JavaScript как public-методы из java.awt.Dialog.

Вы можете упростить этот код,


Это код получает доступ к конструктору класса java.awt.Frame:
var theOwner = new Packages.java.awt.Frame(); Вы можете упростить этот код, используя объект верхнего уровня java для доступа к конструктору:
var theOwner = new java.awt.Frame();

Здесь функция valueGetter использует цикл


Здесь функция 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>")
   }
}

Здесь функция checkPassword проверяет правильность


Здесь функция checkPassword проверяет правильность введённого пользователем пароля. Если пароль неверен, метод select выделяет поле, а метод focus возвращает ему фокус, так что пользователь может повторно ввести пароль.
function checkPassword(userPass) {
if (badPassword) {
      alert("Please enter your password again.")
      userPass.focus()
      userPass.select()
   }
} Здесь предполагается, что Password-объект определён так:
<INPUT TYPE="password" NAME="userPass">

Пример 1. Пользователь может получить


Пример 1. Пользователь может получить список установленных plug-in'ов, выбрав меню About Plug-ins из Help. Чтобы увидеть код, используемый браузером для этого сообщения, выберите меню About Plug-ins из Help, затем выберите Page Source из View.
Пример 2. Следующий код присваивает укороченные переменные предопределённым свойствам LiveAudio.
var myPluginName = navigator.plugins["LiveAudio"].name
var myPluginFile = navigator.plugins["LiveAudio"].filename
var myPluginDesc = navigator.plugins["LiveAudio"].description Пример 3. Этот код выводит сообщение "LiveAudio is configured for audio/wav", если LiveAudio plug-in установлен и подключён для "audio/wav" MIME-типа:
var myPlugin = navigator.plugins["LiveAudio"]
var myType = myPlugin["audio/wav"]
if (myType && myType.enabledPlugin == myPlugin)
document.writeln("LiveAudio is configured for audio/wav") Пример 4. Следующее выражение представляет количество MIME-типов, которые Shockwave может отобразить:
navigator.plugins["Shockwave"].length Пример 5. Этот код выводит свойства name, filename, description и length каждого Plugin-объекта на клиенте:
document.writeln("<TABLE BORDER=1><TR VALIGN=TOP>",
   "<TH ALIGN=left>i",
   "<TH ALIGN=left>name",
   "<TH ALIGN=left>filename",
   "<TH ALIGN=left>description",
   "<TH ALIGN=left># of types</TR>")
for (i=0; i < navigator.plugins.length; i++) {
   document.writeln("<TR VALIGN=TOP><TD>",i,
      "<TD>",navigator.plugins[i].name,
      "<TD>",navigator.plugins[i].filename,
      "<TD>",navigator.plugins[i].description,
      "<TD>",navigator.plugins[i].length,
      "</TR>")
}
document.writeln("</TABLE>") Этот пример даст примерно такой вывод:
i
name
filename
description
# of types
0
QuickTime Plug-In
d:\nettools\netscape\nav30\Program\
plugins\NPQTW32.DLL
QuickTime Plug-In for Win32 v.1.0.0
1
1
LiveAudio
d:\nettools\netscape\nav30\Program\
plugins\NPAUDIO.DLL
LiveAudio--Netscape Navigator sound playing component
7
2
NPAVI32 Dynamic Link Library
d:\nettools\netscape\nav30\Program\
plugins\npavi32.dll
NPAVI32, avi plugin DLL
2
3
Netscape Default Plugin
d:\nettools\netscape\nav30\Program\
plugins\npnul32.dll
Null Plugin
1


кнопок для выбора из трёх


Пример 1. Определяется группа радио- кнопок для выбора из трёх музыкальных каталогов. Каждая радио-кнопка имеет одно имя, NAME="musicChoice", образуя группу кнопок, в которой может быть выбрана только одна кнопка этой группы. Здесь также определено текстовое поле, которая по умолчанию имеет значение выбранной радио-кнопки, но также даёт пользователю возможность ввести нестандартное имя каталога. Обработчик onClick устанавливает в поле ввода имя каталога, если пользователь щёлкает по радио-кнопке.
<INPUT TYPE="text" NAME="catalog" SIZE="20">
<INPUT TYPE="radio" NAME="musicChoice" VALUE="soul-and-r&b"
onClick="musicForm.catalog.value = 'soul-and-r&b'"> Soul and R&B
<INPUT TYPE="radio" NAME="musicChoice" VALUE="jazz"
   onClick="musicForm.catalog.value = 'jazz'"> Jazz
<INPUT TYPE="radio" NAME="musicChoice" VALUE="classical"
   onClick="musicForm.catalog.value = 'classical'"> Classical Пример 2. В этом примере имеется форма с тремя текстовыми боксами и тремя радио-кнопками. Радио-кнопки позволяют выбирать регистр символов, в который конвертировать текст текстовых полей, или вообще не конвертировать этот текст. Каждое текстовое поле имеет обработчик события onChange, который изменяет значение поля в зависимости от того, какая кнопка нажата. Радио-кнопки для верхнего и нижнего регистров имеют обработчики onClick, конвертирующие все поля одновременно.
<HTML>
<HEAD>
<TITLE>Radio object example</TITLE>
</HEAD>
<SCRIPT>
function convertField(field) {
   if (document.form1.conversion[0].checked) {
      field.value = field.value.toUpperCase()}
   else {
   if (document.form1.conversion[1].checked) {
      field.value = field.value.toLowerCase()}
   }
}
function convertAllFields(caseChange) {
   if (caseChange=="upper") {
   document.form1.lastName.value = document.form1.lastName.value.toUpperCase()
   document.form1.firstName.value = document.form1.firstName.value.toUpperCase()
   document.form1.cityName.value = document.form1.cityName.value.toUpperCase()}
   else {
   document.form1.lastName.value = document.form1.lastName.value.toLowerCase()
   document.form1.firstName.value = document.form1.firstName.value.toLowerCase()
   document.form1.cityName.value = document.form1.cityName.value.toLowerCase()
   }
}
</SCRIPT>
<BODY>
<FORM NAME="form1">
<B>Last name:</B>
<INPUT TYPE="text" NAME="lastName" SIZE=20 onChange="convertField(this)">
<BR><B>First name:</B>
<INPUT TYPE="text" NAME="firstName" SIZE=20 onChange="convertField(this)">
<BR><B>City:</B>
<INPUT TYPE="text" NAME="cityName" SIZE=20 onChange="convertField(this)">
<P><B>Convert values to:</B>
<BR><INPUT TYPE="radio" NAME="conversion" VALUE="upper"
   onClick="if (this.checked) {convertAllFields('upper')}"> Upper case
<BR><INPUT TYPE="radio" NAME="conversion" VALUE="lower"
   onClick="if (this.checked) {convertAllFields('lower')}"> Lower case
<BR><INPUT TYPE="radio" NAME="conversion" VALUE="noChange"> No conversion
</FORM>
</BODY>
</HTML> См. также примеры для Link.

В этом примере переключается состояние


В этом примере переключается состояние первой радио-кнопки объекта musicType Radio на форме musicForm:
document.musicForm.musicType[0].click() А в этом примере переключается состояние бокса-переключателя newAge checkbox на форме musicForm:
document.musicForm.newAge.click()

Пример 1. Следующий скрипт использует


Пример 1. Следующий скрипт использует метод replace для переключения слов в строке. Для заменяющего текста скрипт использует значения свойств $1 и $2 глобального объекта RegExp. Обратите внимание, что имя объекта RegExp не предшествует свойствам $, когда они передаются как второй аргумент методу replace.
<SCRIPT LANGUAGE="JavaScript1.2">
re = /(\w+)\s(\w+)/;
str = "John Smith";
newstr=str.replace(re, "$2, $1");
document.write(newstr)
</SCRIPT> Будет выведено "Smith, John".
Пример 2. Здесь RegExp.input устанавливается событием Change. В функции getInfo метод exec использует значение RegExp.input в качестве аргумента. Обратите внимание, что RegExp присоединён к свойствам $.
<HTML><SCRIPT LANGUAGE="JavaScript1.2">
function getInfo() {
re = /(\w+)\s(\d+)/;
   re.exec();
   window.alert(RegExp.$1 + ", your age is " + RegExp.$2);
}
</SCRIPT>Enter your first name and your age, and then press Enter.<FORM>
<INPUT TYPE:"TEXT" NAME="NameAge" onChange="getInfo(this);">
</FORM></HTML>

объект со значением по умолчанию


Пример 1. Здесь отображается Text- объект со значением по умолчанию "CA" и кнопка reset с текстом "Clear Form" на поверхности. Если пользователь печатает аббревиатуру штата в объекте Text и щёлкает кнопку Clear Form, восстанавливается оригинальное значение "CA".
<B>State: </B><INPUT TYPE="text" NAME="state" VALUE="CA" SIZE="2">
<P><INPUT TYPE="reset" VALUE="Clear Form"> Пример 2. Здесь имеются два объекта Text, объект Select и три радио-кнопки; все эти объекты имеют значения по умолчанию. На форме имеется также кнопка reset с текстом "Defaults" на ней. Если пользователь изменяет значение любого из этих объектов и щёлкает кнопку Defaults, восстанавливаются начальные значения.
<HTML>
<HEAD>
<TITLE>Reset object example</TITLE>
</HEAD>
<BODY>
<FORM NAME="form1">
<BR><B>City: </B><INPUT TYPE="text" NAME="city" VALUE="Santa Cruz" SIZE="20">
<B>State: </B><INPUT TYPE="text" NAME="state" VALUE="CA" SIZE="2">
<P><SELECT NAME="colorChoice">
<OPTION SELECTED> Blue
   <OPTION> Yellow
   <OPTION> Green
   <OPTION> Red
</SELECT><P><INPUT TYPE="radio" NAME="musicChoice" VALUE="soul-and-r&b"
   CHECKED> Soul and R&B
<BR><INPUT TYPE="radio" NAME="musicChoice" VALUE="jazz">
   Jazz
<BR><INPUT TYPE="radio" NAME="musicChoice" VALUE="classical">
   Classical
<P><INPUT TYPE="reset" VALUE="Defaults" NAME="reset1">
</FORM>
</BODY>
</HTML>

Здесь убирается фокус


Здесь убирается фокус с reset-кнопки userReset:
userReset.blur()Предполагается, что кнопка определена так:
<INPUT TYPE="reset" NAME="userReset">

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


Эта функция вычисляет свойство value группы кнопок и и отображает его в окне msgWindow:
function valueGetter() {
var msgWindow=window.open("")
   msgWindow.document.write("submitButton.value is " +
      document.valueTest.submitButton.value + "<BR>")
   msgWindow.document.write("resetButton.value is " +
      document.valueTest.resetButton.value + "<BR>")
   msgWindow.document.write("helpButton.value is " +
      document.valueTest.helpButton.value + "<BR>")
   msgWindow.document.close()
} Этот пример выведет:
Query Submit
Reset
Help Предполагается, что кнопки были определены так:
<INPUT TYPE="submit" NAME="submitButton">
<INPUT TYPE="reset" NAME="resetButton">
<INPUT TYPE="button" NAME="helpButton" VALUE="Help">

Пример 1. Отображаются два списка


Пример 1. Отображаются два списка selection. В первом списке пользователь может выбрать только один элемент; во втором списке можно выбрать несколько элементов.
Choose the music type for your free CD:
<SELECT NAME="music_type_single">
<OPTION SELECTED> R&B
   <OPTION> Jazz
   <OPTION> Blues
   <OPTION> New Age
</SELECT>
<P>Choose the music types for your free CDs:
<BR><SELECT NAME="music_type_multi" MULTIPLE>
   <OPTION SELECTED> R&B
   <OPTION> Jazz
   <OPTION> Blues
   <OPTION> New Age
</SELECT> Пример 2. Отображаются два списка selection, которые позволяют выбрать месяц и число. Эти списки selection инициализируются текущей датой. Пользователь может изменить месяц и число, используя списки selection или выбрав предустановленные даты радио-кнопками. Текстовые поля на форме отображают значения свойств объектов Select и указывают выбранную дату и то, является ли эта дата Cinco de Mayo.
<HTML>
<HEAD>
<TITLE>Select object example</TITLE>
</HEAD>
<BODY>
<SCRIPT>
var today = new Date()
//---------------
function updatePropertyDisplay(monthObj,dayObj) {
   // Get date strings
   var monthInteger, dayInteger, monthString, dayString
   monthInteger=monthObj.selectedIndex
   dayInteger=dayObj.selectedIndex
   monthString=monthObj.options[monthInteger].text
   dayString=dayObj.options[dayInteger].text
   // Display property values
   document.selectForm.textFullDate.value=monthString + " " + dayString
   document.selectForm.textMonthLength.value=monthObj.length
   document.selectForm.textDayLength.value=dayObj.length
   document.selectForm.textMonthName.value=monthObj.name
   document.selectForm.textDayName.value=dayObj.name
   document.selectForm.textMonthIndex.value=monthObj.selectedIndex
   document.selectForm.textDayIndex.value=dayObj.selectedIndex
   // Is it Cinco de Mayo?
   if (monthObj.options[4].selected && dayObj.options[4].selected)
      document.selectForm.textCinco.value="Yes!"
   else
      document.selectForm.textCinco.value="No"
}
</SCRIPT>
<!--------------->
<FORM NAME="selectForm">
<P><B>Choose a month and day:</B>
Month: <SELECT NAME="monthSelection"
   onChange="updatePropertyDisplay(this,document.selectForm.daySelection)">
   <OPTION> January <OPTION> February <OPTION> March
   <OPTION> April <OPTION> May <OPTION> June
   <OPTION> July <OPTION> August <OPTION> September
   <OPTION> October <OPTION> November <OPTION> December
</SELECT>
Day: <SELECT NAME="daySelection"
   onChange="updatePropertyDisplay(document.selectForm.monthSelection,this)">
   <OPTION> 1 <OPTION> 2 <OPTION> 3 <OPTION> 4 <OPTION> 5
   <OPTION> 6 <OPTION> 7 <OPTION> 8 <OPTION> 9 <OPTION> 10
   <OPTION> 11 <OPTION> 12 <OPTION> 13 <OPTION> 14 <OPTION> 15
   <OPTION> 16 <OPTION> 17 <OPTION> 18 <OPTION> 19 <OPTION> 20
   <OPTION> 21 <OPTION> 22 <OPTION> 23 <OPTION> 24 <OPTION> 25
   <OPTION> 26 <OPTION> 27 <OPTION> 28 <OPTION> 29 <OPTION> 30
   <OPTION> 31
</SELECT>
<P><B>Set the date to: </B>
<INPUT TYPE="radio" NAME="dateChoice"
   onClick="
      monthSelection.selectedIndex=0;
      daySelection.selectedIndex=0;
      updatePropertyDisplay
         document.selectForm.monthSelection,document.selectForm.daySelection)">
   New Year's Day
<INPUT TYPE="radio" NAME="dateChoice"
   onClick="
      monthSelection.selectedIndex=4;
      daySelection.selectedIndex=4;
      updatePropertyDisplay
         (document.selectForm.monthSelection,document.selectForm.daySelection)">
   Cinco de Mayo
<INPUT TYPE="radio" NAME="dateChoice"
   onClick="
      monthSelection.selectedIndex=5;
      daySelection.selectedIndex=20;
      updatePropertyDisplay
         (document.selectForm.monthSelection,document.selectForm.daySelection)">
   Summer Solstice
<P><B>Property values:</B>
<BR>Date chosen: <INPUT TYPE="text" NAME="textFullDate" VALUE="" SIZE=20">
<BR>monthSelection.length<INPUT TYPE="text" NAME="textMonthLength" VALUE="" SIZE=20">
<BR>daySelection.length<INPUT TYPE="text" NAME="textDayLength" VALUE="" SIZE=20">
<BR>monthSelection.name<INPUT TYPE="text" NAME="textMonthName" VALUE="" SIZE=20">
<BR>daySelection.name<INPUT TYPE="text" NAME="textDayName" VALUE="" SIZE=20">
<BR>monthSelection.selectedIndex
   <INPUT TYPE="text" NAME="textMonthIndex" VALUE="" SIZE=20">
<BR>daySelection.selectedIndex<INPUT TYPE="text" NAME="textDayIndex" VALUE="" SIZE=20">
<BR>Is it Cinco de Mayo? <INPUT TYPE="text" NAME="textCinco" VALUE="" SIZE=20">
<SCRIPT>
document.selectForm.monthSelection.selectedIndex=today.getMonth()
document.selectForm.daySelection.selectedIndex=today.getDate()-1
updatePropertyDisplay(document.selectForm.monthSelection,document.selectForm.daySelection)
</SCRIPT>
</FORM>
</BODY>
</HTML> Пример 3. Добавление опции конструктором Option. В этом примере создаются два объекта Select, один с и другой без атрибута MULTIPLE. Сначала опции ни для одного из объектов не определены. Если пользователь щёлкает кнопку, ассоциированную с объектом Select, функция populate создаёт четыре опции для Select-объекта и выбирает первую опцию.
<SCRIPT>
function populate(inForm) {
   colorArray = new Array("Red", "Blue", "Yellow", "Green")   var option0 = new Option("Red", "color_red")
   var option1 = new Option("Blue", "color_blue")
   var option2 = new Option("Yellow", "color_yellow")
   var option3 = new Option("Green", "color_green")   for (var i=0; i < 4; i++) {
      eval("inForm.selectTest.options[i]=option" + i)
      if (i==0) {
         inForm.selectTest.options[i].selected=true
      }
   }   history.go(0)
}
</SCRIPT>
<H3>Select Option() constructor</H3>
<FORM>
<SELECT NAME="selectTest"></SELECT><P>
<INPUT TYPE="button" VALUE="Populate Select List" onClick="populate(this.form)">
<P>
</FORM><HR>
<H3>Select-Multiple Option() constructor</H3>
<FORM>
<SELECT NAME="selectTest" multiple></SELECT><P>
<INPUT TYPE="button" VALUE="Populate Select List" onClick="populate(this.form)">
</FORM> Пример 4. Удаление опции. Следующая функция удаляет опцию из Select-объекта.
function deleteAnItem(theList,itemNo) {
   theList.options[itemNo]=null
   history.go(0)
}

Пример 1: Строковой литерал. Создаётся


Пример 1: Строковой литерал. Создаётся строковой литерал:
var last_name = "Schaefer" Пример 2: Свойства строкового литерала. Следующие операторы вычисляются в 8, "SCHAEFER" и "schaefer":
last_name.length
last_name.toUpperCase()
last_name.toLowerCase() Пример 3: Доступ к определённым символам строки. Вы можете представить строку как массив символов. Тогда можно получить доступ к отдельным символам строки по индексу этого массива.
var myString = "Hello"
myString[0] // возвращает "H" Пример 4: Передача строки между скриптами в различных окнах и фрэймах. Следующий код создаёт две строковые переменные и открывает второе окно:
var lastName = "Schaefer"
var firstName = "Jesse"
empWindow=window.open('string2.html','window1','width=300,height=300') Если код HTML второго окна (string2.html) создаёт две строковые переменные empLastName и empFirstName, следующий код в первом окне присваивает значения переменным второго окна:
empWindow.empFirstName=firstName
empWindow.empLastName=lastName А этот код в первом окне выводит значения переменных второго окна:
alert('empFirstName in empWindow is ' + empWindow.empFirstName)
alert('empLastName in empWindow is ' + empWindow.empLastName)

Пример 1. Этот пример возвращает


Пример 1. Этот пример возвращает строку "ABC".
String.fromCharCode(65,66,67) Пример 2. Свойство which событий KeyDown, KeyPress и KeyUp содержит ASCII-значение клавиши клавиатуры, нажатой при возникновении события. Если Вы хотите получить фактическую букву, число или символ клавиши, Вы можете использовать fromCharCode. Следующий пример возвращает букву, число или символ в свойстве which события KeyPress.
String.fromCharCode(KeyPress.which)

и lastIndexOf используются для локализации


Пример 1. Методы indexOf и lastIndexOf используются для локализации значений в строке "Brave new world."
var anyString="Brave new world"// Выводит 8
document.write("<P>The index of the first w from the beginning is " +
   anyString.indexOf("w"))
// Выводит 10
document.write("<P>The index of the first w from the end is " +
   anyString.lastIndexOf("w"))
// Выводит 6
document.write("<P>The index of 'new' from the beginning is " +
   anyString.indexOf("new"))
// Выводит 6
document.write("<P>The index of 'new' from the end is " +
   anyString.lastIndexOf("new")) Пример 2. В этом примере определены две строковые переменные. Они содержат одинаковые строки, но вторая строка содержит символы в верхнем регистре. Первый метод writeln выводит 19. Поскольку метод indexOf учитывает регистр символов, строка "cheddar" не найдена в строке myCapString, поэтому второй метод writeln выведет -1.
myString="brie, pepper jack, cheddar"
myCapString="Brie, Pepper Jack, Cheddar"
document.writeln('myString.indexOf("cheddar") is ' +
   myString.indexOf("cheddar"))
document.writeln('<P>myCapString.indexOf("cheddar") is ' +
   myCapString.indexOf("cheddar")) Пример 3. Здесь в count устанавливается количество вхождений буквы x в строке str:
count = 0;
pos = str.indexOf("x");
while ( pos != -1 ) {
   count++;
   pos = str.indexOf("x",pos+1);
}

Пример 1. Здесь match используется


Пример 1. Здесь match используется для поиска подстроки 'Chapter' с последующим одним или более цифровыми символами, с последующей десятичной точкой и цифровыми символами 0 или более раз. Регулярно выражение включает флаг i, поэтому регистр символов игнорируется.
<SCRIPT>
str = "For more information, see Chapter 3.4.5.1";
re = /(chapter \d+(\.\d)*)/i;
found = str.match(re);
document.write(found);
</SCRIPT> Возвращает массив, содержащий Chapter 3.4.5.1,Chapter 3.4.5.1,.1
'Chapter 3.4.5.1' это первое совпадение и первое значение, запомненное из (Chapter \d+(\.\d)*).
'.1' это второе значение, запомненное из (\.\d).
Пример 2. Здесь демонстрируется использование флагов global и ignore case вместе с match.
<SCRIPT>
str = "abcDdcba";
newArray = str.match(/d/gi);
document.write(newArray);
</SCRIPT> Возвращаемые массив содержит D, d.

Пример 1. Здесь регулярное выражение


Пример 1. Здесь регулярное выражение содержит флаги global и ignore case с разрешением методу replace замещать каждое вхождение 'apples' на 'oranges'.
<SCRIPT>
re = /apples/gi;
str = "Apples are round, and apples are juicy.";
newstr=str.replace(re, "oranges");
document.write(newstr)
</SCRIPT> Будет напечатано "oranges are round, and oranges are juicy."
Пример 2. В этом примере регулярное выражение определено в методе replace и содержит флаг игнорирования регистра.
<SCRIPT>
str = "Twas the night before Xmas...";
newstr=str.replace(/xmas/i, "Christmas");
document.write(newstr)
</SCRIPT> Будет напечатано "Twas the night before Christmas..."
Пример 3. Этот скрипт переключает слова в строке. Для замещающего текста используются значения свойств $1 и $2.
<SCRIPT LANGUAGE="JavaScript1.2">
re = /(\w+)\s(\w+)/;
str = "John Smith";
newstr = str.replace(re, "$2, $1");
document.write(newstr)
</SCRIPT> Будет напечатано "Smith, John".
Пример 4. Здесь градусы по Фаренгейту замещаются эквивалентом по Цельсию. Градусы по Фаренгейту должны быть числом с конечной F. Функция возвращает число по Цельсию с конечной С. Например, если введено 212F, функция возвращает 100C. Если введено 0F, функция возвращает -17.77777777777778C.
Регулярное выражение test проверяет числа с конечной буквой F. Число по Фаренгейту доступно для Вашей функции через параметр $1. Функция устанавливает число по Цельсию на основе значения по Фаренгейту, передаваемого в строке функции f2c. Затем f2c возвращает число по Цельсию. Эта функция напоминает флаг s///e из Perl.
function f2c(x) {
   var s = String(x)
   var test = /(\d+(\.\d*)?)F\b/g
   return s.replace
      (test,
         myfunction ($0,$1,$2) {
            return (($1-32) * 5/9) + "C";
         }
      )
}

Пример 1. определена функция, которая


Пример 1. определена функция, которая разделяет строку на массив строк с использованием специфицированного сепаратора. После разделения строки, функция выводит сообщения, указывающие строку-оригинал (до разделения), используемый сепаратор, количество элементов массива и отдельные элементы массива.
function splitString (stringToSplit,separator) {
arrayOfStrings = stringToSplit.split(separator)
   document.write ('<P>The original string is: "' + stringToSplit + '"')
   document.write ('<BR>The separator is: "' + separator + '"')
   document.write ("<BR>The array has " + arrayOfStrings.length + " elements: ")   for (var i=0; i < arrayOfStrings.length; i++) {
      document.write (arrayOfStrings[i] + " / ")
   }
}var tempestString="Oh brave new world that has such people in it."
var monthString="Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec"var space=" "
var comma=","splitString(tempestString,space)
splitString(tempestString)
splitString(monthString,comma) Этот пример даст на выходе:
The original string is: "Oh brave new world that has such people in it."
The separator is: " "
The array has 10 elements: Oh / brave / new / world / that / has / such / people / in / it. /The original string is: "Oh brave new world that has such people in it."
The separator is: "undefined"
The array has 1 elements: Oh brave new world that has such people in it. /The original string is: "Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec"
The separator is: ","
The array has 12 elements: Jan / Feb / Mar / Apr / May / Jun / Jul / Aug / Sep / Oct / Nov / Dec / Пример 2. Рассмотрим следующий скрипт:
<SCRIPT LANGUAGE="JavaScript1.2">
str="She sells seashells \nby the\n seashore"
document.write(str + "<BR>")
a=str.split(" ")
document.write(a)
</SCRIPT> С использованием LANGUAGE="JavaScript1.2" это скрипт даст:
"She", "sells", "seashells", "by", "the", "seashore" Без LANGUAGE="JavaScript1.2" этот скрипт разделит только по одиночным пробельным символам:
"She", "sells", , , , "seashells", "by", , , "the", "seashore" Пример 3. В этом примере split ищет 0 или более пробелов, с последующим  символом ; и с последующими 0 или более пробелов и, если это найдено, удаляет пробелы из строки.
nameList это массив, возвращаемый как результат работы split.
<SCRIPT>
names = "Harry Trump ;Fred Barney; Helen Rigby ; Bill Abel ;Chris Hand ";
document.write (names + "<BR>" + "<BR>");
re = /\s*;\s*/;
nameList = names.split (re);
document.write(nameList);
</SCRIPT> Будут напечатаны две строки; первая - строка-оригинал, вторая - результирующий массив.
Harry Trump ;Fred Barney; Helen Rigby ; Bill Abel ;Chris Hand
Harry Trump,Fred Barney,Helen Rigby,Bill Abel,Chris Hand
Пример 4. Здесь split ищет 0 или более пробелов в строке и возвращает первые три найденные разделения .
<SCRIPT LANGUAGE="JavaScript1.2">
myVar = " Hello World. How are you doing? ";
splits = myVar.split(" ", 3);
document.write(splits)
</SCRIPT> Скрипт выведет:
["Hello", "World.", "How"]

Пример 1. Здесь substring используется


Пример 1. Здесь substring используется для отображения символов их строки "Netscape":
var anyString="Netscape"// Выводит "Net"
document.write(anyString.substring(0,3))
document.write(anyString.substring(3,0))
// Выводит "cap"
document.write(anyString.substring(4,7))
document.write(anyString.substring(7,4))
// Выводит "Netscap"
document.write(anyString.substring(0,7))
// Выводит "Netscape"
document.write(anyString.substring(0,8))
document.write(anyString.substring(0,10)) Пример 2. Заменяется подстрока в строке. Заменяются отдельные символы и подстроки. Вызов функции в конце примера изменяет строку "Brave New World" на "Brave New Web".
function replaceString(oldS,newS,fullS) {
// заменяет oldS на newS в строке fullS
for (var i=0; i<fullS.length; i++) {
      if (fullS.substring(i,i+oldS.length) == oldS) {
         fullS = fullS.substring(0,i)+newS+fullS.substring(i+oldS.length,fullS.length)
      }
   }
   return fullS
}replaceString("World","Web","Brave New World") Пример 3. В JavaScript 1.2, используя LANGUAGE="JavaScript1.2", следующий скрипт выдаёт ошибку времени выполнения (out of memory).
<SCRIPT LANGUAGE="JavaScript1.2">
str="Netscape"
document.write(str.substring(0,3);
document.write(str.substring(3,0);
</SCRIPT> Без LANGUAGE="JavaScript1.2" вышеприведённый скрипт напечатает следующее:
Net Net
Во втором write числа-индексы меняются местами.

объект длиной 25 символов. Текстовое


Пример 1. Создаётся Text- объект длиной 25 символов. Текстовое поле расположено сразу справа от слов "Last name:". При загрузке формы текстовое поле очищено.
<B>Last name:</B> <INPUT TYPE="text" NAME="last_name" VALUE="" SIZE=25> Пример 2. Создаются два Text-объекта на форме. Каждый объект имеет значение по умолчанию. Объект city имеет обработчик onFocus, который выделяет весь текст в поле, когда пользователь переходит в это поле с помощью табуляции. Объект state имеет обработчик onChange, который переводит значение в верхний регистр.
<FORM NAME="form1">
<BR><B>City: </B><INPUT TYPE="text" NAME="city" VALUE="Anchorage"
SIZE="20" onFocus="this.select()">
<B>State: </B><INPUT TYPE="text" NAME="state" VALUE="AK" SIZE="2"
   onChange="this.value=this.value.toUpperCase()">
</FORM> См. также примеры для onBlur, onChange, onFocus и onSelect.

Пример 1. Форма myForm содержит


Пример 1. Форма myForm содержит Text-объект и кнопку. если пользователь щёлкает по кнопке, в Text-объект устанавливается значение имени формы. Обработчик onClick кнопки использует this.form для обращения к текущей форме myForm.
<FORM NAME="myForm">
Form name:<INPUT TYPE="text" NAME="text1" VALUE="Beluga">
<P>
<INPUT NAME="button1" TYPE="button" VALUE="Show Form Name"
onClick="this.form.text1.value=this.form.name">
</FORM> Пример 2. Показана форма с несколькими элементами. Если пользователь щёлкает кнопку button2, функция showElements выводит диалог alert, содержащий имена всех элементов формы myForm.
function showElements(theForm) {
   str = "Form Elements of form " + theForm.name + ": \n "
   for (i = 0; i < theForm.length; i++)
      str += theForm.elements[i].name + "\n"
   alert(str)
}
</script>
<FORM NAME="myForm">
Form name:<INPUT TYPE="text" NAME="text1" VALUE="Beluga">
<P>
<INPUT NAME="button1" TYPE="button" VALUE="Show Form Name"
   onClick="this.form.text1.value=this.form.name">
<INPUT NAME="button2" TYPE="button" VALUE="Show Form Elements"
   onClick="showElements(this.form)">
</FORM> Диалог alert выведет следующий текст:
JavaScript Alert:
Form Elements of form myForm:
text1
button1
button2 Пример 3. Здесь используется ссылка объекта, а не ключевое слово this, для обращения к форме. Код возвращает ссылку на myForm, которая является формой, содержащей элемент myTextObject.
document.myForm.myTextObject.form

Пример 1. Создаётся объект Textarea


Пример 1. Создаётся объект Textarea размером 6 рядов на 55 столбцов. Поле textarea расположено ниже слова "Description:". Когда форма загружается, Textarea-объект содержит несколько строк данных, включая одну пустую строку.
<B>Description:</B>
<BR><TEXTAREA NAME="item_description" ROWS=6 COLS=55>
Our storage ottoman provides an attractive way to
store lots of CDs and videos--and it's versatile
enough to store other things as well.It can hold up to 72 CDs under the lid and 20 videos
in the drawer below.
</TEXTAREA> Пример 2. Сроковая переменная содержит символы новой строки для различных платформ. Если пользователь щёлкает кнопку, Textarea-объект заполняется значением из строковой переменной. В результате получаются три строки текста в Textarea-объекте.
<SCRIPT>
myString="This is line one.\nThis is line two.\rThis is line three."
</SCRIPT>
<FORM NAME="form1">
<INPUT TYPE="button" Value="Populate the textarea"
onClick="document.form1.textarea1.value=myString">
<P>
<TEXTAREA NAME="textarea1" ROWS=6 COLS=55></TEXTAREA>

Пример 1. Здесь показана форма


Пример 1. Здесь показана форма с несколькими элементами. Если пользователь щёлкает кнопку button2, функция showElements отображает диалог alert с именами всех элементов формы myForm.
function showElements(theForm) {
str = "Form Elements of form " + theForm.name + ": \n "
   for (i = 0; i < theForm.length; i++)
      str += theForm.elements[i].name + "\n"
   alert(str)
}
</script><FORM NAME="myForm">
Form name:<INPUT TYPE="textarea" NAME="text1" VALUE="Beluga">
<P>
<INPUT NAME="button1" TYPE="button" VALUE="Show Form Name"
   onClick="this.form.text1.value=this.form.name">
<INPUT NAME="button2" TYPE="button" VALUE="Show Form Elements"
   onClick="showElements(this.form)">
</FORM> Диалог alert выведет:
JavaScript Alert:
Form Elements of form myForm:
text1
button1
button2 Пример 2. Здесь используется ссылка объекта, а не ключевое слово this, для ссылки на форму. Код возвращает ссылку на myForm, которая является формой - контейнером объекта myTextareaObject.
document.myForm.myTextareaObject.form

Пример 1. Окна, открывающие другие


Пример 1. Окна, открывающие другие окна. Здесь документ верхнего окна открывает второе окно window2 и определяет push-кнопки, которые открывают окно с сообщением, записывает в окно сообщения, закрывает его и закрывает window2. Обработчики onLoad и onUnload документа, загруженного в window2, выводят предупреждающие сообщения при открытии и закрытии окна.
win1.html, который определяет фрэймы для первого окна, содержит следующий код:
<HTML>
<HEAD>
<TITLE>window object example: Window 1</TITLE>
</HEAD>
<BODY BGCOLOR="antiquewhite">
<SCRIPT>
window2=open("win2.html","secondWindow",
"scrollbars=yes,width=250, height=400")
document.writeln("<B>The first window has no name: "
   + window.name + "</B>")
document.writeln("<BR><B>The second window is named: "
   + window2.name + "</B>")
</SCRIPT>
<FORM NAME="form1">
<P><INPUT TYPE="button" VALUE="Open a message window"
   onClick = "window3=window.open('','messageWindow',
   'scrollbars=yes,width=175, height=300')">
<P><INPUT TYPE="button" VALUE="Write to the message window"
   onClick="window3.document.writeln('Hey there');
   window3.document.close()">
<P><INPUT TYPE="button" VALUE="Close the message window"
   onClick="window3.close()">
<P><INPUT TYPE="button" VALUE="Close window2"
   onClick="window2.close()">
</FORM>
</BODY>
</HTML> win2.html, который определяет содержимое окна window2, содержит следующий код:
<HTML>
<HEAD>
<TITLE>window object example: Window 2</TITLE>
</HEAD>
<BODY BGCOLOR="oldlace"
   onLoad="alert('Message from ' + window.name + ': Hello, World.')"
   onUnload="alert('Message from ' + window.name + ': I\'m closing')">
<B>Some numbers</B>
<UL><LI>one
<LI>two
<LI>three
<LI>four</UL>
</BODY>
</HTML> Пример 2. Создание фрэймов. Создаются два окна, каждое из 4 фрэймов. В первом окне первый фрэйм содержит кнопки, которые изменяют цвет фона фрэймов в обоих окнах.
framset1.html, где определяются фрэймы первого окна, содержит следующий код:
<HTML>
<HEAD>
<TITLE>Frames and Framesets: Window 1</TITLE>
</HEAD>
<FRAMESET ROWS="50%,50%" COLS="40%,60%"
   onLoad="alert('Hello, World.')">
<FRAME SRC=framcon1.html NAME="frame1">
<FRAME SRC=framcon2.html NAME="frame2">
<FRAME SRC=framcon2.html NAME="frame3">
<FRAME SRC=framcon2.html NAME="frame4">
</FRAMESET>
</HTML> framset2.html, где определяются фрэймы второго окна, содержит следующий код:
<HTML>
<HEAD>
<TITLE>Frames and Framesets: Window 2</TITLE>
</HEAD>
<FRAMESET ROWS="50%,50%" COLS="40%,60%">
<FRAME SRC=framcon2.html NAME="frame1">
<FRAME SRC=framcon2.html NAME="frame2">
<FRAME SRC=framcon2.html NAME="frame3">
<FRAME SRC=framcon2.html NAME="frame4">
</FRAMESET>
</HTML> framcon1.html, где определяется содержимое первого фрэйма первого окна, содержит следующий код:
<HTML>
<BODY>
<A NAME="frame1"><H1>Frame1</H1></A>
<P><A HREF="framcon3.htm" target=frame2>Click here</A>
   to load a different file into frame 2.
<SCRIPT>
window2=open("framset2.htm","secondFrameset")
</SCRIPT>
<FORM>
<P><INPUT TYPE="button" VALUE="Change frame2 to teal"
   onClick="parent.frame2.document.bgColor='teal'">
<P><INPUT TYPE="button" VALUE="Change frame3 to slateblue"
   onClick="parent.frames[2].document.bgColor='slateblue'">
<P><INPUT TYPE="button" VALUE="Change frame4 to darkturquoise"
   onClick="top.frames[3].document.bgColor='darkturquoise'"><P><INPUT TYPE="button" VALUE="window2.frame2 to violet"
   onClick="window2.frame2.document.bgColor='violet'">
<P><INPUT TYPE="button" VALUE="window2.frame3 to fuchsia"
   onClick="window2.frames[2].document.bgColor='fuchsia'">
<P><INPUT TYPE="button" VALUE="window2.frame4 to deeppink"
   onClick="window2.frames[3].document.bgColor='deeppink'">
</FORM>
</BODY>
</HTML> framcon2.html, где определяется содержимое остальных фрэймов, содержит следующий код:
<HTML>
<BODY>
<P>This is a frame.
</BODY>
</HTML> framcon3.html, на который ссылается объект Link в framcon1.html, содержит следующий код:
<HTML>
<BODY>
<P>This is a frame. What do you think?
</BODY>
</HTML>

Пример 1. Любая из следующих


Пример 1. Любая из следующих строк закрывает текущее окно:
window.close()
self.close()
close() Пример 2: Закрытие главного окна браузера.
top.opener.close() Пример 3. Здесь закрывается окно messageWin:
messageWin.close() Предполагается, что окно было открыто примерно в такой манере:
messageWin=window.open("")

Пример 1. Следующий код открывает


Пример 1. Следующий код открывает окно win1, затем позже проверяет, было ли оно закрыто. Вызываемая функция зависит от того, закрыто ли окно win1.
win1=window.open('opener1.html','window1','width=300,height=300')
...
if (win1.closed)
function1()
   else
   function2() Пример 2. Определяется, закрыто ли окно, открывшее текущее окно, и вызывается соответствующая функция.
if (window.opener.closed)
   function1()
   else
   function2()

Функция checkPassword подтверждает, что пользователь


Функция checkPassword подтверждает, что пользователь ввёл верный пароль. Если введён неправильный пароль, метод focus возвращает фокус объекту Password, а метод select выделяет его, чтобы пользователь мог повторно ввести пароль.
function checkPassword(userPass) {
if (badPassword) {
      alert("Please enter your password again.")
      userPass.focus()
      userPass.select()
   }
} Предполагается, что объект Password определён так:
<INPUT TYPE="password" NAME="userPass">

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


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

в окне chromeless отсутствуют панель


Следующий пример создаёт окно "chromeless" ( в окне chromeless отсутствуют панель утилит, полосы прокрутки, статусные области и т.д., как в диалоговом окне), пряча большую часть панелей пользовательского интерфейса:
self.menubar.visible=false;
self.toolbar.visible=false;
self.locationbar.visible=false;
self.personalbar.visible=false;
self.scrollbars.visible=false;
self.statusbar.visible=false;

Пример 1. Функция windowOpener открывает


Пример 1. Функция windowOpener открывает окно и использует методы write для вывода сообщения:
function windowOpener() {
msgWindow=window.open("","displayWindow","menubar=yes")
   msgWindow.document.write
      ("<HEAD><TITLE>Message window</TITLE></HEAD>")
   msgWindow.document.write
      ("<CENTER><BIG><B>Hello, world!</B></BIG></CENTER>")
} Пример 2. Это обработчик onClick, который открывает новое клиентское окно, выводя содержимое, специфицированное в файле sesame.html. Окно открывается со специфицированными установками опций; все другие опции будут false, поскольку не специфицированы.
<FORM NAME="myform">
<INPUT TYPE="button" NAME="Button1" VALUE="Open Sesame!"
   onClick="window.open ('sesame.html', 'newWin',
   'scrollbars=yes,status=yes,width=300,height=300')">
</FORM>

Этот код закрывает окно, которое


Пример 1: Закрытие opener'а. Этот код закрывает окно, которое открыло текущее окно. Если opener-окно закрывается, opener остаётся без изменений. Однако window.opener.name вычисляется теперь в undefined.
window.opener.close() Пример 2: Закрытие главного окна браузера.
top.opener.close() Пример 3: Вычисление имени opener'а. Окно может определить имя своего opener'а так:
document.write("<BR>opener property is " + window.opener.name) Пример 4: Изменение значения opener. Этот код изменяет значение свойства opener в null. После выполнения этого кода вы не сможете закрыть opener-окно так, как это делается в Примере 1.
window.opener=null Пример 5: Изменение значения свойства через opener. Изменяется цвет фона окна, специфицированного свойством opener.
window.opener.document.bgColor='bisque'

Чтобы сделать окно шириной 225


Чтобы сделать окно шириной 225 пикселов и высотой 200 пикселов, используйте этот оператор:
self.resizeTo(225,200); // абсолютное позиционирование

Следующий пример делает окно, на


Следующий пример делает окно, на которое ссылаются, "chromeless" (в chromeless-окнах нет панелей toolbar, полос прокрутки, статусной области и т.д., что делает их похожими на диалоговые окна), пряча большинство из панелей интерфейса пользователя:
self.menubar.visible=false;
self.toolbar.visible=false;
self.locationbar.visible=false;
self.personalbar.visible=false;
self.scrollbars.visible=false;
self.statusbar.visible=false;

Пример 1: Прокрутка текущей области


Пример 1: Прокрутка текущей области просмотра. Для прокрутки окна к левой границе и на 20 пикселов вниз от верха окна, используйте этот оператор:
self.scrollTo(0,20); // абсолютное позиционирование Пример 2: Прокрутка другой области просмотра. Это код, расположенный в одном фрэйме, прокручивает область просмотра другого фрэйма. Два объекта Text дают пользователю возможность специфицировать координаты x и y. если пользователь щёлкает по кнопке Go, документ в frame2 прокручивается на специфицированные координаты.
<SCRIPT>
function scrollIt(form) {
var x = parseInt(form.x.value)
   var y = parseInt(form.y.value)
   parent.frame2.scrollTo(x, y)
}
</SCRIPT>
<BODY><FORM NAME="myForm">
<P><B>Specify the coordinates to scroll to:</B>
<BR>Horizontal:
<INPUT TYPE="text" NAME=x VALUE="0" SIZE=4>
<BR>Vertical:
<INPUT TYPE="text" NAME=y VALUE="0" SIZE=4>
<BR><INPUT TYPE="button" VALUE="Go"
   onClick="scrollIt(document.myForm)">
</FORM>

Пример 1. Сообщение alert выводится


Пример 1. Сообщение alert выводится через 5 секунд (5,000 миллисекунд) после щелчка пользователя по кнопке. Если пользователь щёлкает вторую кнопку до вывода сообщения, таймаут отменяется и alert не отображается.
<SCRIPT LANGUAGE="JavaScript">
function displayAlert() {
alert("5 seconds have elapsed since the button was clicked.")
}
</SCRIPT>
<BODY>
<FORM>
Click the button on the left for a reminder in 5 seconds;
click the button on the right to cancel the reminder before
it is displayed.
<P>
<INPUT TYPE="button" VALUE="5-second reminder"
   NAME="remind_button"
   onClick="timerID=setTimeout('displayAlert()',5000)">
<INPUT TYPE="button" VALUE="Clear the 5-second reminder"
   NAME="remind_disable_button"
   onClick="clearTimeout(timerID)">
</FORM>
</BODY> Пример 2. Выводится текущее время в объекте Text. Функция showtime, вызываемая рекурсивно, использует метод setTimeout для обновления значения каждую секунду.
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
var timerID = null
var timerRunning = false
function stopclock(){
   if(timerRunning)
      clearTimeout(timerID)
   timerRunning = false
}
function startclock(){
   // Убедиться, что часы остановлены
   stopclock()
   showtime()
}function showtime(){
   var now = new Date()
   var hours = now.getHours()
   var minutes = now.getMinutes()
   var seconds = now.getSeconds()
   var timeValue = "" + ((hours > 12) ? hours - 12 : hours)
   timeValue += ((minutes < 10) ? ":0" : ":") + minutes
   timeValue += ((seconds < 10) ? ":0" : ":") + seconds
   timeValue += (hours >= 12) ? " P.M." : " A.M."
   document.clock.face.value = timeValue
   timerID = setTimeout("showtime()",1000)
   timerRunning = true
}
//-->
</SCRIPT>
</HEAD><BODY onLoad="startclock()">
<FORM NAME="clock" onSubmit="0">
   <INPUT TYPE="text" NAME="face" SIZE=12 VALUE ="">
</FORM>
</BODY>

Вы создали функцию JavaScript под


Предположим, Вы создали функцию JavaScript под названием pickRandomURL, которая даёт возможность выбрать произвольный URL. Вы можете использовать обработчик onClick в якоре для динамического специфицирования значения атрибута HREF этого якоря и обработчик onMouseOver - для специфицирования специального сообщения для окна - в свойстве status:
<A HREF=""
onClick="this.href=pickRandomURL()"
   onMouseOver="self.status='Pick a random URL'; return true">
Go!</A> Здесь свойство status окна присваивается свойству self окна таким образом: self.status.

Следующий пример делает окно, на


Следующий пример делает окно, на которое ссылаются, "chromeless" (в chromeless-окнах нет панелей toolbar, полос прокрутки, статусной области и т.д., что делает их похожими на диалоговые окна), пряча большинство из панелей интерфейса пользователя:
self.menubar.visible=false;
self.toolbar.visible=false;
self.locationbar.visible=false;
self.personalbar.visible=false;
self.scrollbars.visible=false;
self.statusbar.visible=false;

закрывает самое верхнее окно иерархии


Оператор top.close() закрывает самое верхнее окно иерархии окон .
Оператор top.length специфицирует количество фрэймов, содержащихся внутри самого верхнего окна. Если самый верхний предок определён так, top.length возвращает 3:
<FRAMESET COLS="30%,40%,30%">
<FRAME SRC=child1.htm NAME="childFrame1">
<FRAME SRC=child2.htm NAME="childFrame2">
<FRAME SRC=child3.htm NAME="childFrame3">
</FRAMESET> Следующий пример устанавливает цвет фона фрэйма myFrame в red.
myFrame это потомок самого верхнего окна-предка.
top.myFrame.document.bgColor="red"

Версии до JavaScript


setHours(hoursValue[, minutesValue, secondsValue, msValue])
Версии до JavaScript 1.3:
setHours(hoursValue)

Версии до JavaScript


setMinutes(minutesValue[, secondsValue, msValue])
Версии до JavaScript 1.3:

setMinutes(minutesValue)

Версии до JavaScript


setMonth(monthValue[, dayValue])

Версии до JavaScript 1.3:

setMonth(monthValue)

Версии до JavaScript


setSeconds(secondsValue[, msValue])
Версии до JavaScript 1.3:

setSeconds(secondsValue)

TABLE


handleEvent(event) < TABLE border="1" frame="hsides" rules="rows" style="border-collapse: collapse" bordercolor="#111111" width="80%"> Метод из FileUpload Реализован вJavaScript 1.2

include


toString()
toString([radix])

где classname это полное квалифицированное


Packages.className где classname это полное квалифицированное имя Java-класса.

Версии до JavaScript


replace(regexp, newSubStr)
replace(regexp, function)
Версии до JavaScript 1.3:
replace(regexp, newSubStr)

text,


crypto.signText
( text, selectionStyle [, authority1 [, ... authorityN]])

expression,


setInterval( expression, msec)
setInterval(function, msec[, arg1[, ..., argN]])

с регулярным выражением, это индекс


СвойствоОписание
constructor Специфицирует функцию, создающую прототип объекта.
index Для массива, созданного в результате совпадения с регулярным выражением, это индекс с базой 0 совпадения в строке.
input Для массива, созданного в результате совпадения с регулярным выражением, отражает строку-оригинал, относительно которой выполняется подстановка регулярного выражения.
length Количество элементов массива.
prototype Позволяет добавлять свойства ко всем объектам.


Определяет свойство, которое используется всеми


СвойствоОписание
constructor Специфицирует функцию, создающую прототип объекта.
prototype Определяет свойство, которое используется всеми Boolean-объектами.

Специфицирует форму, содержащую объект


Свойство Описание
form Специфицирует форму, содержащую объект Button.
name Отражает атрибут NAME.
type Отражает атрибут TYPE.
value Отражает атрибут VALUE.

Булево свойство, отражающее текущее состояние


Свойство Описание
checked Булево свойство, отражающее текущее состояние переключателя (есть ли "птичка").
defaultChecked Булево свойство, отражающее атрибут CHECKED.
form Специфицирует форму, содержащую объект Checkbox.
nameОтражает атрибут NAME.
type Отражает атрибут TYPE.
value Отражает атрибут TYPE.

Специфицирует функцию, которая создаёт прототип


Свойство Описание
constructor Специфицирует функцию, которая создаёт прототип объекта.
prototype Позволяет добавлять свойства к Date -объекту.

который может специфицировать стили тэгов


Свойство Описание
alinkColor Строка, специфицирующая атрибут ALINK.
anchors Массив, содержащий вхождение каждого якоря документа.
applets Массив, содержащий вхождение каждого аплета документа.
bgColor Строка, специфицирующая атрибут BGCOLOR.
classes Создаёт объект Style, который может специфицировать стили тэгов HTML с атрибутом CLASS.
cookie Специфицирует куку.
domain Специфицирует имя домена сервера, обслужившего документ.
embeds Массив, содержащий вхождение каждого plug-in документа.
fgColor Строка, специфицирующая атрибут TEXT.
formName Отдельное свойство для каждой именованной формы документа.
forms Массив, содержащий вхождение каждой формы документа.
height Высота документа в пикселах.
ids Создаёт объект Style, который может специфицировать стиль отдельных тэгов HTML.
images Массив, содержащий вхождение каждого изображения документа.
lastModified Строка, специфицирующая дату последнего изменения документа.
layers Массив, содержащий вхождение каждого слоя документа.
linkColor Строка, специфицирующая атрибут LINK.
links Массив, содержащий вхождение каждой гиперссылки документа.
plugins Массив, содержащий вхождение каждого plug-in документа.
referrer Строка, специфицирующая URL вызывающего документа.
tags Создаёт объект Style, который может специфицировать стили тэгов HTML.
title Строка, специфицирующая содержимое тэга TITLE.
URL Строка, специфицирующая полный URL документа.
vlinkColor Строка, специфицирующая атрибут VLINK.
width Ширина документа в пикселах.

к каждому типу события. Для


Не все свойства относятся к каждому типу события. Для изучения свойств, используемых событиями, см. разделы "События, используемые объектом еvent" конкретных обработчиков событий.
Свойство Описание
data Возвращает массив строк, содержащий URL'ы отпущенных объектов. Передаётся событием DragDrop.
height Высота окна или фрэйма.
layerX Число, специфицирующее ширину объекта при передаче с событием resize, либо горизонтальную координату курсора в пикселах относительно слоя, в котором событие возникло. Заметьте, что layerX является синонимом x.
layerY Число, специфицирующее высоту объекта при передаче с событием resize либо вертикальную координату курсора в пикселах относительно слоя, в котором событие возникло. Заметьте, что layerY является синонимом y.
modifiers Строка, специфицирующая ключи-модификаторы, ассоциированные с событием мыши или клавиатуры. Ключи-модификаторы это: ALT_MASK, CONTROL_MASK, SHIFT_MASK и META_MASK.
pageX Число, специфицирующее позицию курсора по горизонтали в пикселах относительно страницы.
pageY Число, специфицирующее позицию курсора по вертикали в пикселах относительно страницы.
screenX Число, специфицирующее позицию курсора по горизонтали в пикселах относительно экрана.
screenY Число, специфицирующее позицию курсора по вертикали в пикселах относительно экрана.
target Строка, представляющая объект, которому событие было первоначально направлено. (Все события.)
type Строка, представляющая тип события. (Все события.)
which Число, специфицирующее нажатую кнопку, или ASCII-значение нажатой клавиши. Для мыши: 1 это левая клавиша, 2 - средняя, а 3 - правая клавиша.
width Ширина окна или фрэйма.
x Синоним для layerX.
y Синоним для layerY.

Отражает текущее значение поля элемента


Свойство Описание
formСпецифицирует форму, содержащую объект FileUpload.
name Отражает атрибут NAME.
type Отражает атрибут TYPE.
value Отражает текущее значение поля элемента загрузки файла; соответствует имени загружаемого файла.

отражающий все элементы


СвойствоОписание
action Отражает атрибут ACTION.
elements Массив, отражающий все элементы формы.
encoding Отражает атрибут ENCTYPE.
length Отражает количество элементов формы.
method Отражает атрибут METHOD.
name Отражает атрибут NAME.
target Отражает атрибут TARGET.

Специфицирует имя функции, которая вызывала


Свойство Описание
arguments Массив, соответствующий аргументам, передаваемым функции.
arguments.callee Специфицирует тело функции исполняемой в данный момент функции.
arguments.caller Специфицирует имя функции, которая вызывала исполняемую в данный момент функцию.
arguments.length Специфицирует количество аргументов, передаваемых функции.
arity Специфицирует количество аргументов, ожидаемое функцией.
constructor Специфицирует функцию, создающую прототип объекта.
length Специфицирует количество аргументов, ожидаемое функцией.
prototype Позволяет добавлять свойства в Function-объект.

Специфицирует форму, содержащую объект


Свойство Описание
form Специфицирует форму, содержащую объект Hidden.
name Отражает атрибут NAME.
type Отражает атрибут TYPE.
value Отражает текущее значение объекта Hidden.

Специфицирует URL текущего вхождения


Свойство Описание
current Специфицирует URL текущего вхождения в history.
length Отражает количество вхождений в списке history.
next Специфицирует URL следующего вхождения в history.
previous Специфицирует URL предыдущего вхождения в history.

Булево значение, указывающее, завершил ли


Свойство Описание
border Отражает атрибут BORDER.
complete Булево значение, указывающее, завершил ли браузер попытку загрузки изображения.
height Отражает атрибут HEIGHT.
hspace Отражает атрибут HSPACE.
lowsrc Отражает атрибут LOWSRC.
name Отражает атрибут NAME.
src Отражает атрибут SRC.
vspace Отражает атрибут VSPACE.
width Отражает атрибут WIDTH.

экземпляром которого он является. Наследует


Наследует как свойства члены public-данных из Java-класса, экземпляром которого он является. Наследует также как свойства - члены public-данных из любого суперкласса.

Свойства объекта


Свойства объекта JavaPackage являются JavaClass-объектами и любыми другими JavaPackage-объектами, которые он содержит.

Объект layer, расположенный выше данного


СвойствоОписание
above Объект layer, расположенный выше данного объекта в порядке z-order относительно всех слоёв документа, или содержащего объекта window, если этот слой - самый верхний.
background Изображение, используемое в качестве фона канвы слоя.
bgColor Цвет, используемый в качестве однородного цвета фона канвы слоя.
below Объект layer, расположенный ниже данного объекта в порядке z-order относительно всех слоёв документа, или null, если этот слой - самый нижний.
clip.bottom Нижний край отсекающего прямоугольника (видимой части слоя).
clip.height Высота отсекающего прямоугольника (видимой части слоя).
clip.left Левый край отсекающего прямоугольника (видимой части слоя).
clip.right Правый край отсекающего прямоугольника (видимой части слоя).
clip.top Верхний край отсекающего прямоугольника (видимой части слоя).
clip.width Ширина отсекающего прямоугольника (видимой части слоя).
document Ассоциированный документ слоя.
left Позиция по горизонтали левого края слоя в пикселах относительно его родительского слоя.
name Строка, специфицирующая имя, присвоенное слою атрибутом ID тэга LAYER.
pageX Позиция слоя по горизонтали в пикселах относительно страницы.
pageY Позиция слоя по вертикали в пикселах относительно страницы.
parentLayer Объект layer, который содержит данный слой, или содержащий объект window, если этот слой не вложен в другой слой.
siblingAbove Объект layer, расположенный выше данного в порядке z-order среди всех слоёв, использующих тот же самый родительский слой, или null, если слой не имеет родственников, расположенных выше него.
siblingBelow Объект layer, расположенный ниже данного в порядке z-order среди всех слоёв, использующих тот же самый родительский слой, или null, если это самый нижний слой.
src Строка, специфицирующая URL содержимого слоя.
top Позиция по вертикали верхнего края слоя в пикселах относительно его родительского слоя.
visibility Виден слой или нет.
window Объект window или Frame, содержащий данный слой, вне зависимости от того, вложен ли слой в другой слой.
x Удобный синоним для Layer.left.
y Удобный синоним для Layer.top.
zIndex Порядок z-order расположения данного слоя относительно других слоёв-родственников.

Позиция левого края ссылки по


Свойство Описание
hash Специфицирует имя якоря в URL.
host Специфицирует хост и имя домена или IP-адрес сетевого хоста.
hostname Специфицирует часть host:port из URL.
href Специфицирует весь URL.
pathname Специфицирует часть URL-пути из URL.
port Специфицирует порт, используемый сервером.
protocol Специфицирует начало URL, включая двоеточие.
search Специфицирует строку запроса.
target Отражает атрибут TARGET.
text Строка, содержащая содержимое соответствующего тэга A.
x Позиция левого края ссылки по горизонтали в пикселах относительно левого края документа.
y Позиция верхнего края ссылки по вертикали в пикселах относительно верхнего края документа.

Специфицирует порт, используемый сервером при


Свойство Описание
hash Специфицирует имя якоря в URL.
host Специфицирует имя хоста и домена или IP-адрес сетевого хоста.
hostname Специфицирует часть host:port в URL.
href Специфицирует полный URL.
pathname Специфицирует часть URL-пути в URL.
port Специфицирует порт, используемый сервером при соединении.
protocol Специфицирует начало URL, включая двоеточие.
search Специфицирует запрос.

и база натуральных логарифмов, приблизительно


Свойство Описание
E Эйлерова константа и база натуральных логарифмов, приблизительно 2.718.
LN10 Натуральный логарифм 10, приблизительно 2.302.
LN2 Натуральный логарифм 2, приблизительно 0.693.
LOG10E База 10 логарифма E (приблизительно 0.434).
LOG2E База 2 логарифма E (приблизительно 1.442).
PI Частное от деления длины окружности на диаметр, приблизительно 3.14159.
SQRT1_2 Квадратный корень 1/2; эквивалентно 1 на квадратный корень 2, приблизительно 0.707.
SQRT2 Квадратный корень2, приблизительно 1.414.

с перечислением допустимых расширений имён


Свойство Описание
description Описание MIME-типа.
enabledPlugin Ссылка на Plugin-объект, сконфигурированный для данного MIME-типа.
suffixes Строка с перечислением допустимых расширений имён файлов для данного MIME-типа, например, "mpeg, mpg, mpe, mpv, vbs, mpegv".
type Имя MIME-типа, например, "video/mpeg" или "audio/x-wav".

Тип машины, для которого Navigator


Свойство Описание
appCodeName Специфицирует кодовое имя браузера.
appName Специфицирует имя браузера.
appVersion Специфицирует версию Navigator'а.
language Язык Navigator'а.
mimeTypes Массив всех MIME-типов, поддерживаемых клиентом.
platform Тип машины, для которого Navigator был скомпилирован.
plugins Массив всех plug-in'ов, установленных на клиенте.
userAgent Специфицирует шапку/header user-agent (пользовательский агент).

Специфицирует функцию, которая создаёт прототип


Свойство Описание
constructor Специфицирует функцию, которая создаёт прототип объекта.
MAX_VALUE Наибольшее представимое число.
MIN_VALUE Наименьшее представимое число.
NaN Специальное значение "not a number".
NEGATIVE_INFINITY Специальное значение - отрицательная бесконечность; возвращается при переполнении.
POSITIVE_INFINITY Специальное значение - положительная бесконечность; возвращается при переполнении.
prototype Позволяет добавлять свойства к Number-объекту.

Специфицирует функцию, которая создаёт прототип


Свойство Описание
constructor Специфицирует функцию, которая создаёт прототип объекта.
prototype Позволяет добавлять свойства во все объекты.

Специфицирует значение, возвращаемое на сервер,


Свойство Описание
defaultSelected Специфицирует статус по умолчанию опции.
index Индекс с базой 0 элемента в массиве Select.options.
length Количество элементов в массиве Select.options.
selected Специфицирует текущий статус опции (выбрана или нет).
text Специфицирует текст опции.
value Специфицирует значение, возвращаемое на сервер, когда опция выбрана и форма отправляется.

в других пакетах, кроме пакетов


Свойство Описание
className Полное квалифицированное имя Java-класса в других пакетах, кроме пакетов netscape, java или sun, доступного в JavaScript.
java Любой класс Java-пакета java.*.
netscape Любой класс Java-пакета netscape.*.
sun Любой класс Java-пакета sun.*.

Отражает текущее значение поля


Свойство Описание
defaultValue Отражает атрибут VALUE.
form Специфицирует форму, содержащую Password-объект.
name Отражает атрибут NAME.
type Отражает атрибут TYPE.
value Отражает текущее значение поля Password-объекта.

Количество элементов массива


Свойство Описание
description Описание plug-in'а.
filename Имя файла plug-in'а на диске.
length Количество элементов массива MimeType-объектов plug-in'а.
name Имя plug-in'а.

Даёт возможность программно выбрать


Свойство Описание
checked Даёт возможность программно выбрать радио-кнопку (свойство отдельной кнопки).
defaultChecked Отражает атрибут CHECKED (свойство отдельной кнопки).
form Специфицирует форму, содержащую Radio-объект (свойство массива кнопок).
name Отражает атрибут NAME (свойство массива кнопок).
type Отражает атрибут TYPE (свойство массива кнопок).
value Отражает атрибут VALUE (свойство массива кнопок).

Обратите внимание, что некоторые свойства


Обратите внимание, что некоторые свойства объекта RegExp имеют длинные и сокращённые (Perl-подобные) имена. Оба имени всегда ссылаются на одно и то же значение. Perl это язык программирования, из которого JavaScript смоделировал регулярные выражения.
Свойство Описание
$1, ..., $9 Совпадения подстрок в скобках, если имеются.
$_ См. input.
$* См. multiline.
$& См. lastMatch.
$+ См. lastParen.
$` См. leftContext.
$' См. rightContext.
constructor Специфицирует функцию, которая создаёт прототип объекта.
global Тестировать или нет регулярное выражение относительно всех возможных совпадений в строке, или только относительно первого совпадения.
ignoreCase Игнорировать ли регистр при поиске совпадения в строке.
input Строка, относительно которой выполняется поиск совпадения с регулярным выражением.
lastIndex Индекс, с которого начинается следующее совпадение.
lastMatch Последние совпавшие символы.
lastParen Последнее совпадение подстроки в скобках, если имеется.
leftContext Подстрока, предшествующая самому последнему совпадению.
multiline Искать ли на нескольких строках.
prototype Позволяет добавлять свойства всем объектам.
rightContext Строка, следующая за самым последним совпадением.
source Текст патэрна.

Специфицирует форму, содержащую объект


Свойство Описание
form Специфицирует форму, содержащую объект Reset.
name Отражает атрибут NAME.
type Отражает атрибут TYPE.
value Отражает атрибут VALUE.

в пикселах, минус постоянные или


Свойство Описание
availHeight Специфицирует высоту экрана в пикселах, минус постоянные или полупостоянные настройки пользовательского интерфейса, отображаемые операционной системой, такие как Taskbar в Windows.
availLeft Специфицирует х-координату первого пиксела, который не размещен в постоянных или полупостоянных настройках пользовательского интерфейса.
availTop Специфицирует у-координату первого пиксела, который не размещен в постоянных или полупостоянных настройках пользовательского интерфейса.
availWidth Специфицирует ширину экрана в пикселах, минус постоянные или полупостоянные настройки пользовательского интерфейса, отображаемые операционной системой, такие как Taskbar в Windows.
colorDepth Битовая глубина цветовой гаммы, если она используется; иначе значение берётся из screen.pixelDepth.
height Высота экрана монитора.
pixelDepth Разрешение экрана монитора (в битах на пиксел).
width Ширина экрана монитора.

или первой выбранной опции, если


Свойство Описание
form Специфицирует форму, содержащую список selection.
length Отражает количество опций в списке selection.
name Отражает атрибут NAME.
options Отражает тэги OPTION.
selectedIndex Отражает индекс выбранной опции ( или первой выбранной опции, если выбрано несколько опций).
type Специфицирует, что представляемый им объект это список selection и может ли он иметь одну или более выбранных опций.

Специфицирует функцию, которая создаёт прототип


Свойство Описание
constructor Специфицирует функцию, которая создаёт прототип объекта.
length Отражает длину строки.
prototype Позволяет добавлять свойства в String-объект.

Специфицирует ширину нижней линии рамки


Свойство Описание
align Специфицирует выравнивание HTML-элемента относительно родительского элемента.
backgroundColor Специфицирует сплошной цвет фона элемента.
backgroundImage Специфицирует фоновый рисунок для HTML-элемента.
borderBottomWidth Специфицирует ширину нижней линии рамки HTML-элемента.
borderColor Специфицирует цвет рамки HTML-элемента.
borderLeftWidth Специфицирует ширину левой линии рамки HTML-элемента.
borderRightWidth Специфицирует ширину правой линии рамки HTML-элемента.
borderStyle Специфицирует стиль рамки, такой как solid или double, вокруг HTML-элемента уровня блока.
borderTopWidth Специфицирует ширину верхней линии рамки HTML-элемента.
clear Специфицирует стороны HTML-элемента, которые разрешают всплывание/floating элементов.
color Специфицирует цвет текста HTML-элемента.
display Переопределяет обычное отображение элемента и специфицирует, отображается ли он in- line, как элемент уровня блока или как элемента списка уровня блока.
fontFamily Специфицирует семейство шрифтов, такое как Helvetica или Arial, для текстового элемента HTML.
fontSize Специфицирует размер шрифта для HTML-элемента.
fontStyle Специфицирует стиль шрифта для HTML-элемента.
fontWeight Специфицирует вес шрифта для HTML-элемента.
lineHeight Специфицирует расстояние между базовыми линиями двух смежных строк шрифта уровня блока.
listStyleType Специфицирует стиль символа, отображаемого в начале элемента списка.
marginBottom Специфицирует минимальное расстояние между низом HTML-элемента и верхом прилегающего элемента.
marginLeft Специфицирует минимальное расстояние между левым краем HTML-элемента и правым краем прилегающего элемента.
marginRight Специфицирует минимальное расстояние между правым краем HTML-элемента и левым краем прилегающего элемента.
marginTop Специфицирует минимальное расстояние между верхом HTML-элемента и низом прилегающего элемента.
paddingBottom Специфицирует, какое пространство вставить между низом элемента и его содержимым, таким как текст или рисунок.
paddingLeft Специфицирует, какое пространство вставить между левым краем элемента и его содержимым, таким как текст или рисунок.
paddingRight Специфицирует, какое пространство вставить между правым краем элемента и его содержимым, таким как текст или рисунок.
paddingTop Специфицирует, какое пространство вставить между верхом элемента и его содержимым, таким как текст или рисунок.
textAlign Специфицирует выравнивание текстового HTML-элемента уровня блока.
textDecoration Специфицирует специальные эффекты, такие как мигание, перечёркивание и подчёркивание, добавляемые к текстовому HTML-элементу.
textIndent Специфицирует размер отступа перед первой отформатированной строкой текстового HTML-элемента уровня блока.
textTransform Специфицирует регистр текстового HTML-элемента уровня блока.
whiteSpace Специфицирует, должен ли сжиматься пробел внутри HTML-элемента.
width Специфицирует ширину HTML-элемента уровня блока.

Специфицирует форму, содержащую


Свойство Описание
form Специфицирует форму, содержащую Submit-объект.
name Отражает атрибут NAME.
type Отражает атрибут TYPE.
value Отражает атрибут VALUE.

Отражает текущее значение поля объекта


Свойство Описание
defaultValue Отражает атрибут VALUE.
form Специфицирует форму, содержащую Text-объект.
name Отражает атрибут NAME.
type Отражает атрибут TYPE.
value Отражает текущее значение поля объекта Text.

Специфицирует форму, содержащую


Свойство Описание
defaultValue Отражает атрибут VALUE.
form Специфицирует форму, содержащую Textarea-объект.
name Отражает атрибут NAME.
type Специфицирует тип объекта (в данном случае Textarea).
value Отражает текущее значение Textarea-объекта.

Отражает сообщение по умолчанию, выводимое


Свойство Описание
closed Специфицирует, закрыто ли окно.
crypto Объект, дающий доступ к возможностям шифрования Navigator'а.
defaultStatus Отражает сообщение по умолчанию, выводимое в статусной строке.
document Содержит информацию о текущем документе и предоставляет методы для отображения вывода HTML пользователю.
frames Массив, отражающий все фрэймы окна.
history Содержит информацию о URL, которые клиент посетил в данном окне.
innerHeight Специфицирует вертикальные размеры в пикселах области содержимого окна.
innerWidth Специфицирует горизонтальные размеры в пикселах области содержимого окна.
length Количество фрэймов в окне.
location Содержит информацию о текущем URL.
locationbar Адресная строка окна браузера.
menubar Строка меню окна браузера.
name Уникальное имя, используемое для обращения к данному окну.
offscreenBuffering Специфицирует, выполняются ли обновления окна во внеоконном буфере.
opener Специфицирует имя окна вызывающего документа, если окно открывается методом open.
outerHeight Специфицирует вертикальные размеры в пикселах внешней границы окна.
outerWidth Специфицирует горизонтальные размеры в пикселах внешней границы окна.
pageXOffset Предоставляет текущую x-позицию в пикселах просматриваемой страницы окна.
pageYOffset Предоставляет текущую у-позицию в пикселах просматриваемой страницы окна.
parent Синоним окна или фрэйма, чей frameset содержит текущий фрэйм.
personalbar Представляет personal bar окна браузера (называемый также строкой директорий).
screenX Специфицирует x-координату левого края окна.
screenY Специфицирует у-координату верхнего края окна.
scrollbars Полосы прокрутки окна браузера.
self Синоним текущего окна.
status Специфицирует приоритетное сообщение статусной строки окна.
statusbar Статусная строка окна браузера.
toolbar Строка утилит окна браузера.
top Синоним наивысшего окна браузера.
window Синоним текущего окна.