Синтаксис и команды JavaScript можно разделить на несколько категорий в зависимости от их назначения и использования. Обьекты представляют собой блоки, из которых строится JavaScript. Они применяются для возвращения значений и изменения состояния форм, страниц, броузера и определенных программистом переменных. Объекты можно сопоставить с существительными. Кошка, автомобиль, дом, компьютер, форма – все это существительные, они могут быть представлены как объекты (см. раздел «Обьекты»).

Мы используем свойства для того, чтобы различать объекты одного класса – например, всех объектов типа кошка. Свойства сравнимы с прилагательными и ссылаются на уникальные для каждого экземпляра объекта особенности. В случае кошки это может быть вес, цвет, местоположение, текущее занятие, количество блох и т. п. (см. раздел «Свойства»).

Методы служат для передачи сообщений объекту и иногда для изменения состояния его свойств. Например, один метод может быть использован для изменения текущего занятия кошки от еды ко сну, а другой – для уменьшения количества блох (см. раздел «Методы»).

Дальше следует список строительных блоков языка JavaScript.

Возвращает абсолютное значение своего аргумента. Math.abs(argument)

Связанные элементы
Метод обьекта Мath

Возвращает арккосинус своего аргумента (от 0 до pi радиан). Math.acos(argument)

Связанные злементы
Метод объекта Math.
См. методы asin, соs sin и tan.

Отображение атрибута ACTION тега HTML <FORM>.
document.formName.action document.forms[index].action

Применение
Свойство action возвращает строку, состоящую из URL назначения для данных, введенных в форму. Зто значение может быть установлено или изменено как до, так и после загрузки и форматирования документа. В следующем примере свойство action для формы, названной outlineForm устанавливает значение URL равным значению переменной outlineURL.
outlineURL = "http://www.dvgu.ru/cgi-bin/ се outline.cgi"
outlineForm.action=outlineURL

Связанные элементы
Свойство объекта form.
См. свойства encoding, method и target.

Выводит на экран диалоговое окно JavaScript Alert с кнопкой ОК и определенным программистом сообщением.
[window. ] alert (AlertMessage)
Пользователь должен щелкнуть на кнопке OK в диалоговом окне JavaScript Alert, прежде чем он сможет вернуться к работе с документом

Применение
Прежде чем пользователь сможет продолжить работу со страницей, он должен нажать кнопку ОК диалогового окна Java-Script Alert.

Связанные элементы
Метод об'екта window
См. методы confirm и prompt.

Цвет гиперссылки после нажатия на ней левой кнопкой мыши, но до отпускания кнопки.
document.alinkColor

Применение
Подобно остальным цветам в JavaScript, свойство alinkColor записывается как шестнадцатеричный триплет RGB или строковый литерал. Это свойство не может быть изменено после загрузки документа HTML. Оба следующих примера устанавливают цвет в бледно-голубой.
document.alinkColor-"aliceblue" document.alinkColor="FOFBFF"

Связанные элементы
Свойство объекта document.
См. свойства bgColor, fgColor, linkColor и vlinkColor.

Массив с информацией o якорях в документе.
[windowtName. ] document.anchors [index]

Применение
Объект anchors array (только для чтения) устанавливается в тегах HTML <ANCHOR>.
<А [HREF=URL]=NAME= "anchor name"
TARGET="windowName">
текст якоря

Включение в тег значения для атрибута HREF делает якорь также и гиперссылкой и добавляет ее к массиву links. Новые якоря можно определить в JavaScript с помощью метода anchor.Для определения количества элементов массива anchors в документе используйте свойство length. document.anchors.length
Выражение document.anchor [index] возвращает null Например, document . anchor [ 0 ] возвращает null, нeсмотря на то что существует якорь, созданный с помощью тега < A NAME="Elef">Bce о слонах</А>.

Связанные элементы
Свойство объекта document.
См. объект link и метод anchor.

Выводит строку на экран и делает ее якорем.
textString.anchor(anchorName)

Применение
Будучи примененным вместе с методами write или writeln, метод anchor создает в текущем документе якорь, где textString – это строка, которую пользователь видит на акране, а anchorName имеет значение атрибута NAME тега HTML <ANCHOR>.

Связанные элементы
Методобъекта string
. См. метод link.

Массив всех якорей в текущем документе. Подробнее в описании объекта anchor.
document.anchors[index]

Применение
Если массив anchor в документе содержит 5 элементов, то он начинается с document.anchors [0] и заканчивается document.anchors[4].

Связанные элементы
Свойство объекта document.
См. объект anchor.
См. свойства length и links.

Возвращает строку (только для чтения) с кодовым именем броузера.
navigator.AppCodeName

Применение
Для вывода на экран кодового имени текущего броузера служит следующая строка:
document.write("Кодовое название вашего броузера: " + navigator.appCodeName + ".")
Для Netscape Navigator 2.0 это выражение вернет:
Кодовое название вашего броузера: Mozilla.

Связанные элементы
Свойство объекта navigator.
См. свойства appName, appVersion и userAgent.

Возвращает строку (только для чтения) с именем броузера. navigator.appName

Применение
Для вывода на экран имени приложения текущего броузера служит следующая строка:
document.write("Название вашего брсузера: " + navigator.appName + ". ") Для Netscape Navigator 2.0 это выражение вернет:
Название вашего броузера: Netscape.

Возвращает строку с информацией о версии броузера. navigator.appVersion

Применение
Свойство appVersion используется для проверки версии используемого на клиентском компьютере броузера. Оно возвращает значение в формате номер версии (платформа; страна) . Для версии Netscape 2.0 под Windows 95:
dосument.write("Bepcия вашего броузера: " + navigator.appVerїion + ".") возвращает Версия вашего броузера: 2.0 (Win95; I). Возвращенное значение говорит о том, что используется международная версия Navigator 2.0, работающая под Windows 95. Код страны U указывает версию для США, в то время как код I возвращается международной версией.

Возвращает арксинус своего аргумента. Math.asin(argument)

Применение
При передаче методу asin числа в диапазоне от -1 до 1 он возвращает арксинус аргумента (от - пи/2 до пи радиан). Если передаваемый аргумент выходит за пределы указанного диапазона, возвращается 0.

Возвращает арктангенс своего аргумента. Math.atan(argument)

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

Вызывает переход к предыдущему URL из списка просмотренных в текущей сессии работы с броузером документов. history.back()

Применение
Использование метода back идентично применению выражения history.gо ( – 1) .

Связанные элементы
Метод объекта history.
См. методы forward и go.

Фоновый цвет документа. document.bgColor

Применение
Использование свойства bgColor имеет приоритет над соответствующей настройкой броузера. Вго значение записывается как шестнадцатеричный триплет RGB или строковый литерал. Значение свойства может быть изменено в любой момент. Следующий пример позволяет пользователям устанавливать свой собственный цвет фона с помощью переключателей.
function newColor (colorString) {
document.bgColor = сolorString,
}
....................................................................
<FORM NAME="colors">
<INPUT TYPE="radio" NAME- "color" VALUE= FOFBFF" nClick="newColor(this.vaiue)">AliceBlue
<INPUT ТУРЕ="radio" NAME="color" VALUE="FF4500" onClick="newColor(this.value)">Ochre
<INPUT TYPE="radio" NAME="color" VALUE="FFEFD5" onClick="newColor(this.value)">Papaya Whip
</FORM>

Связанные элементы
Свойство объекта document.
См. свойства alinkColor, fgColor, linkColor и vlinkColor.

Форматирует строковый объект более крупным шрифтом. stringName.big()

Применение
По своей функциональности использование метода big идентично изменению шрифта выводимого текста с помощью тега HTML <BIG>. Оба следующих примера приводят к одному и тому же результату: выводу сообщения “Добро пожаловать на мою домашнюю страницу” крупным шрифтом:
var welcomeMessage = "Добро пожаловать на мою домашнюю страницу."
document.write(welcomeMessage.big())
<ВIG>Добро пожаловать на мою домашнюю страницу.</ВIG>

Связанные элементы
Метод объекта string.
См. методы fontsize и small.

Форматирует текстовый объект в виде мигающей строки
stringname.blink()

Применение
Использование метода blink 1идентично изменению вида выводимях строк с помощью тега HTML <BLINK>
var attenttionMessage="Warning!"
documen.write(attentionMessage.blink())
<BLINK>Warning!</BLINK>

Связанные элементы
Метод объекта string.
См. методы bold, italics и strike.

Удаляет фокус из указанного элемента формы.
document.formName.elementName.blur()
document.forms[index].elements[index].blur()

Применение
Например, следующая строка удаляет фокус из элемента feedback
feedback.blur()
в предположении, что элемент feedback определен так:

Связанные элементы
Метод объектов password, select, text и textагеа.
См. методы focus и select.

Форматирует строковый объект жирным шрифтом.
stringName.bold()

Применение
Использование метода bold идентично изменению стил шрифта с помощью тега HTML <B>.

Связанные элементы
Метод объекта string.
См. методы blink, italics и strike.

Кнопка в форме.
formName.buttonName forms[indexj.elements[index]

Применение
Кнопки должны быть определены внутри тега <FORM> и мог быть использованы для выполнения каких-либо действий.
<INPUТ TYPE= "button" NAME= buttonName VALUE textOnButton [onClick= eventHandler"]>
Для лучшей читаемости кода программы и во избежание неоднозначности при обращении к элементу формы рекомендуется использовать имя элемента вместе с именем формы. При назначении кнопке обработчика события onClick эта кнопка становится дополнительным средством для инициализации событий, отличных от submit. и reset". Щелчок на следующей кнопке вызывает функцию validateForm
<INPUT TYPE="button" МАМЕ=-"'validate" VALUE= "Check for Accuracy" onClick="validateForm( this.form)">

Связанные элементы
Свойство объекта form.
См. обьекты reset и submit.
См. свойства name и value.
См. метод click.
См. обработчик события оnСlick.

Возвращает ближайшее целое числа, большее или равное аргументу
Math.ceil(argument)

Применение
Метод ceil возвращает наименьшее целое число, большее или равное целому или дробному аргументу. Например: Math.ceil(1.01) возвращает 2.

Связанные элементы
Метод объекта Маth.
См. метод floor.

Возвращает символ из строки.
stringName.charAt(index)

Применение
Этот метод принимает целое число в качестве аргумента и возвращает символ, находящийся на этой позиции в строке. Позиция первого символа равна 0, а последнего – длине строк минус 1.
var userName = "Babba Louie" document. write (userNarne. charAt (4) ) возвращает «а».

Связанные элементы
Метод объекта string.
См. методы indexOf и lastIndexOf.

Элемент формы, который пользователь устанавливает в состояние on или оff посредством щелчка левой кнопкой мыши.
formName.checkboxName forms[indexj.elements[index]
Флажок мoжет иметь только одно из двух значений: true или false. Если флажок не установлен, его значение равно true, иначе – false

Применение
Объект checkbox определяется в теге <FORM>
. <INPUT TYPE=-"checkbox" NAME="checkboxName" VALUE="checkboxValue" [CHECKED] [onClick="eventHandler"]> textToDisplay
Свойства и методы флажков имеют множество применений. Используйте свойство checked объекта checkbox для проверки текущего состояния флажка: установлен (true) или нет (false). Если атрибут CHECKED был использован в определении флажка, свойство defaultChecked также возвращает true.

Возвращает логическое значение, представляющее текущее состояние отдельного флажка или переключателя
formName.checkboxName.checked formName.radioButtonName[index].checked
forms[index].elements[index].checked

Применение
Свойство checked возвращает логическое значение (true или false), показывая, установлен ли флажок или переключателю. Значение свойства меняется немедленно после изменения пользователем состояния элемента. Будучи использовано в цикле for...in, свoйство может помочь определит состояние кнопок:
function whichOneChecked()
var cherkedValue =""
faт (var i in document.formName.radioName) {
(docurnent.formName.radioName[i]
checked==true)
checkedValue=document.formName.radioName[i] .value
}
}

Связанные элементы
Свойство объектов checkbox и radio.
См. свойство defaultChecked.

Очищает окно броузера. document.clear()

Применение
Метод сlеаr уничтожает содержимое окна, вне зависимости от того, как оно было заполнено.

Связанные элементы
Метод объекта document.
См. методы close, ореn, write и writeln.

Сбрасывает таймер.
[windowName. ] clearTirneout (argument)
parent.[frameName.]clearTimeout(arqurnent)

Применение
Метод clearTimeout отключает задержку таймера, установленную до этого с помощью метода setTimeout. Уникальный идентификатор таймера, полученный при его установке, должен быть указан для сброса задержки: clearTimeout(waitTime)

Связанные элементы
Метод объектов frame и window.
См. метод setTimeout.

Эмулирует щелчок на объекте левой кнопкой мыши.
formName.elementName.click()
forms[index].elements[index].click()

Элемент формы и Результат
button, reset и submit Аналогичен щелчку по кнопке
radio Выбор переключателя
checkbox устанавливает флажок и присваивает ему значение on

Применение
Эффект щелчка зависит от типа элемента формы.

Для объекта document закрывает текущий поток вывода и показывает содержимое документа на экране.
Для объекта window закрывает текущее окно.
document.close() window.сlose() windowName.close()

Применение
Для документов метод close прекращает динамическое формирование документа, выводит содержимое документа на экран и сообщение «Document done» в строке состояния. Для объектов window подразумевается текущее окно window. Например, каждая из строк:
window.close() close() self.close() закрывает текущее окно.

Выводит диалоговое окно JavaScript Соnfirm.
window.confirm() [windowName.]confirm()
Диалоговое окно JavaScript Confir п предлагает пользователю продолжить или прекратить выполнение операции

if (confirm("Are you sure you want to enter.") {
tourWindow = window.operї("http://www.dvgu.ru/lemoi/) }

Связанные элементы
Метод обьекта window.
См методы alert, prompt

Строка с небольшим количеством информации, сохраняемая броузером в файле cookies.txt на клиентском компьютере.
document.cookie

Применение
Значение, хранимое в свойстве cookie, может быть извлечена с помощью методов charAt, IndexOf и lastindexOf.
Специальное свойство cookie сохраняет информацию о состоянии клиентского компьютера. Эта информация может быть затребована сервером. В свойство cookie включен диапазон URL, к которым эта информация относится.
Будущие запросы HTTP со стороны клиента, попадающие в указанный диапазон URL, будут включать в себя допустимую для этого диапазона информацию о клиенте и передаваться серверу. Этот простой способ хранения данных позволяет серверу возвращать ответы клиентскому компьютеру с учетом информации о клиенте. Примерами такого использования свойства cookiе являются посылка регистрационной информации и автоматизация ввода идентификатора пользователя.
Пользовательские настройки могут быть сохранены на клиентском компьютере и затребованы сервером во время соединения. Можно ограничить время существования свойства cookie.
Для отправки и просмотра установок сookie в НТМL-сценарии свойству следует присвоить значение:
document.cookie = "string"
Сценарии CGI также применяются для чтения и изменения значения свойства cookie.
Генерация cookie требует посылки заголовка НТТР в формате
Set-Cookie NAME=Value [EXPIRES=Date] [РАТН=pathname] [DOMAIN=domainname] [SECURE]
Когда запрос от сервера на получение значения свойства cookie попадает к броузеру, список URL просматривается в поисках адреса, соответствующего URL сервера. Все совпадающие подстроки возвращаются в таком формате:
cookie: NAME1=string1; NAME2=string2;
Cookie – это произвольно выбранное имя. Более подробная информация о свойстве coookie и его назначении можно наити в Netscape's Cookie Specification по адресу http://home.netscape.com/newsref/std/cookie_spec.html.

Связанные элементы
Свойство обьекта document.
См. объект hidden

Возвращает косинус своего аргумента.
Math.cos(argument)

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

Связанные элементы
Метод объекта Math. См. методы acos, asin, atan, sin и tan.

<<Назад     Содержание     Далее>>