Справочник по "JavaScript"
JavaScript - объектно-ориентированный язык программирования, используемый в составе страниц HTML для увеличения функциональности и возможностей взаимодействия с пользователями. Описание элементов языка, способы их использования и примеры программ.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | учебное пособие |
Язык | русский |
Дата добавления | 14.03.2013 |
Размер файла | 105,7 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
document. forms. length
Отдельные элементы формы могут быть указаны по их именам или как элементы массива elements.
document. formName. elements [index]
Массив forms - объект только для чтения. Попытка установить значение с помощью выражения:
document. forms [l] ="OldGuestBook" не даст никакого эффекта.
Значение элемента массива forms имеет синтаксис, подобный синтаксису тега HTML. Например, значение объекта form для формы с именем userInfo будет <OBJECT userInfo>.
Связанные элементы
Свойство объекта document.
См. объект hidden, свойства action, elements, encoding, forms, method, name и target.
Cм. метод submit.
См. обработчик события onSubmit.
forms
(Свойство)
Массив объектов, соответствующих формам, созданных в тегах HTML в том же порядке.
document. forms
Применение
Свойство forms относится к объекту document и содержит по элементу на каждую форму в документе. Более подробно см. в описании объекта form.
Связанные элементы
Свойство объекта document. См. объект form. См. свойство
length.
forward
(Метод)
Загружает следующий документ из списка URL, просмотренных за
текущий сеанс работы с браузером.
history. forward ()
Применение
Результат действия этого метода аналогичен выражению
history. go (1).
Связанные элементы
Метод объекта history. См. методы back и go.
frame
(Объект)
Окно (кадр.), содержащее независимо прокручиваемый субдокумент
HTML
[windowName.] [parent.] frameName
[windowName.] [parent.] frames [index]
Применение
Кадры могут быть связаны с различными URL Загрузка документов в каждый кадр может быть инициирована из другого кадра в том же окне браузера. Каждый кадр представляет собой объект типа window, определенный в теге <FRAMESET> для создания требуемой компоновки страницы. Страница определяется в родительском документе HTML. Все субдокументы являются дочерними no отношению к родительскому.
Если кадр содержит определения атрибутов SRC и NAME, то кадр может быть идентифицирован с помощью выражений parent. frameName или parent. frames [index].
Связанные элементы
Свойство объекта window
См объекты document и window.
См. свойства defaultStatus, frames, parent, self, status, top и window.
См методы setTimeout и clearTimeout.
frames
(Свойство)
Массив, соответствующий дочерним кадрам, созданным с помощью
тега <FRAMESET>.
[windowName.] [parent.] frameName
[windowName.] [parent.) frames [index]
Применение
Определить количество кадров в окне можно с помощью свойства length. Дополнительная информация содержится в описании объекта frame.
Связанные элементы
Свойство объекта window. См. объект frame. См. свойство length.
getDate
(Метод)
Возвращает число месяца
Date. getDate ()
Применение
Один из немногих элементов языка JavaScript, нумерация в котором начинается не с 0. Этот метод возвращает число в диапазоне от 1 до 31, представляющее число месяца.
endOfTheWorld = newDate ("January 11, 1996 06: 18: 00")
document. write (endOfTheWorld. getDate ()) // Возвращает 11
Связанные элементы
Метод объекта Date. См. метод setDate.
getDay
(Метод)
Возвращает день недели как целое число от 0 (воскресенье) до 6 (суббота).
Date. getDay () dateName. getDay ()
Применение
Соответствующего метода setDay не существует, так как день недели автоматически вычисляется на основе значения объекта Date.
Связанные элементы
Метод объекта Date.
getHours
(Метод)
Возвращает час суток.
Date. getHours () dateName. getHours ()
Применение
Значение возвращается в 24-часовом формате, от 0 (полночь) до23.
Связанные элементы
Метод объекта Date. См. метод setHours.
getMinutes
(Метод)
Возвращает минуты как целое от 0 до 59.
Date. getMinutes () dateName. getMinutes ()
Применение
Подобно остальным методам объекта Date, getMinutes просто возвращает один из элементов времени.
endOfTheWorld = new Date ("January 11, 1996 06: 18: 00")
document. write (endOfTheWorld. getMinutes ()) // Возвращает 18
Связанные элементы
Метод объекта Date. См. метод setMinutes.
getMonth
(Метод)
Возвращает номер месяца в году.
Math. getMonth () dateName. getMonth ()
Применение
Номер месяца возвращается как целое число в интервале между 0 (январь) и 11 (декабрь), а не как строка. Это значение может внести путаницу, так как не соответствует стандартному способу нумерации месяцев. Прежде чем вывести значение на экран или после получения данных, введенных пользователем в форму, надо произвести соответствующие преобразования.
function toReality () { // преобразует номер месяца в систему "1-12"
this += 1 }
function toConvention () { // преобразует номер месяца в систему "0-11"
getSeconds
(Метод)
Возвращает число секунд.
Date. getSeconds () dateName. getSeconds ()
Секунды возвращаются как целое число от 0 до59.
Связанные элементы
Метод объекта Date. См. метод setSeconds.
getTime
(Метод)
Возвращает целое число, представляющее собой текущее значение объекта date.
Date. getTime () dateName. getTime ()
Значение представляет собой количество миллисекунд, прошедших после полуночи 1 января 1970 года. Это значение может использоваться для сравнения двух дат. Для функций, включающих в себя вычисления дат, полезно создать набор переменных, определяющих минуты, часы и дни в миллисекундах.
var dayMillisec = 1000 * 60 * 60 * 24
// 1,000 миллисекунд x 60 сек. x 60 мин. x 24 часа
var hourMillisec = 1000 * 60 * 60
// 1,000 миллисекунд x 60 сек.60 мин.
var minuteMillisec = 1000 * 60
// 1,000 миллисекунд x 60 сек.
Связанные элементы
Метод объекта Date. См. метод setTime.
getTimezoneOffset
(Метод)
Возвращает разницу в минутах между местным временем клиента и гринвичским (GMT).
Date. getTimezoneOffset () dateName. getTimezoneOffset ()
Применение
Это значение является константой, за исключением случаев перехода на летнее/зимнее время.
Метод объекта Date.
getYear
(Метод)
Возвращает год объекта date минус 1900.
Date. getYear ()
dateName. getYear ()
Применение
Несмотря на то что значение года может быть передано объекту date как 4-значное число в виде строки, возвращаемое методом getYear значение является 2-значным числом. Например, 1996 возвращается как 96.
Связанные элементы
Метод объекта Date См. метод setYear.
go
(Метод)
Загружает документ из списка страниц, посещенных за текущий сеанс работы браузера.
history. go (argumentOrURL)
Применение
Этот метод может ссылаться на документы из списка history no URL или по относительной позиции в этом списке. Если указан неполный адрес URL, используется ближайшее соответствующее значение. Результат поиска не зависит от регистра.
Связанные элементы
Метод объекта history. См. методы back и forward.
hash
(Свойство)
Возвращает часть URL, начинающуюся с символа #.
document. linkName. hash
document. links [index]. hash
document. location. hash
Применение
Свойство hash ссылается на имя, созданное в теге <А NAME. >.
Изменяя это свойство, можно изменять часть URL, начинающуюся с символа #, хотя безопаснее менять весь URL с помощью свойства href. Если имя, указанное в свойстве hash данного URL, не удается найти, возвращается ошибка.
Связанные элементы
Свойство объектов link и location. См. объект anchor.
См. свойства host, hostname, href, pathname, port, protocol и
search.
hidden
(Объект)
Текстовый объект в форме HTML, не отображаемый на экране.
document. formName. hiddenName
document. forms [index]. elements [index].
propertyOrMethod
Применение
Объект hidden может применяться наряду с cookie для передачи пар имя/значение для клиент-серверного взаимодействия. Разница в том, что cookie постоянно существуют на клиентском компьютере в течение сессии, в то время как объект hidden относится к конкретной форме.
Первоначальное содержание объекта hidden может быть изменено внутри функции путем присвоения нового значения свойству value этого объекта.
<INPUT TYPE-"hidden" NAME-"failedTries" VALUE="0">
строки кода.
function setRetry () {
document. userPasswordForm. failedTries. value++ }
}
Каждый раз, когда вызывается функция setRetry, значение объекта типа hidden, названного failedTries, увеличивается на единицу. Это один из примеров гибкости типов переменных в JavaScript. Первоначальное значение объекта представляет собой строку. Несмотря на это, когда программа встречает математический оператор, она пытается преобразовать значение объекта в целое число.
Связанные элементы
Свойство объекта form.
См. свойства cookie, defaultValue, name и value.
history
(Объект)
Список ранее просмотренных страниц, аналогично меню Go
браузера.
document. history
Применение
Этот объект унаследован из меню Go браузера и содержит список ранее просмотренных страниц. Методы объекта служат для навигации к любому элементу списка.
Для определения количества элементов объекта служит свойство length:
document. history. length
Навигация представляет собой относительное перемещение по списку вперед или назад, подобно использованию кнопок на панели инструментов.
document. history. forward ()
document. history. back ()
Метод go допускает и более сложные, чем просто перемещение к следующей или предыдущей странице, переходы по списку, подобно выбору адреса прямо из меню Go.
document. history. go (-2) // загружает предпоследнюю страницу
Указав конкретное окно, можно управлять навигацией в других окнах или кадрах. Следующий пример загружает новую страницу из списка объекта history в кадр с именем content. Заметьте, что имя кадра заменяет указание документа.
parent. content. history. back () // загружает предыдущую страницу в кадр
Связанные элементы
Свойство объекта document.
См. объект location.
См. свойство length.
См. методы back, forward и go.
host
(Свойство)
возвращает строку, сформированную из свойств URL
hostname и port.
location. host linkName. host
links [index]. host
Применение
Предоставляет метод для просмотра и изменения той части URL, которая идентифицирует Web-узел. Если порт не указан, свойства host и hostname одинаковы.
location. host * "www.montana.com: 80"
Связанные элементы
Свойство объектов link и location.
См. свойства hash, hostname, href, pathname, port, protocol и
search.
hostname
(Свойство)
Возвращает или изменяет строку с именем домена или IP-адресом URL.
location. hostname
1inkName. hostname
links [index]. hostname
Применение
Это свойство сходно со свойством host, за исключением того, что не включает в себя информации о номере порта. Если свойство port имеет значение null, то свойства host и hostname одинаковы.
Несмотря на то что свойство hostname может быть изменено в любой момент, рекомендуется изменять весь URL сразу. Если указанное значение hostname не может быть найдено, возвращается ошибка.
Связанные элементы
Свойство объектов link и location.
См. свойства hash, host, href, pathname, port, protocol и
search.
href
(Свойство)
Возвращает строку, содержащую полный URL текущего документа.
location. href
linkName. href
links [index]. href
применение
Все остальные свойства объектов location и link являются подстроками свойства href, которое может быть изменено в любой момент.
URL текущего документа можно вывести на экран с помощью выражения document. write.
document. write ("You are here: " + window. location. href)
Связанные элементы
Свойство объектов link и location.
См. свойства hash, host, hostname, pathname, port, protocol и
search.
Index
(Свойство)
Возвращает индекс элемента объекта select
formName. selectName. options [index]. index
forms [index]. elements [index] - options [index]. index
Применение
Позиция элемента в объекте select нумеруется начиная с 0.
Связанные элементы
Свойство объекта select (options array). См. свойства
defaultSelected, selected и selectedIndex.
indexOf
(Метод)
Возвращает позицию определенного символа или подстроки.
stringName. indexOf (character|string, startingPoint)
Применение
Поиск начинается с позиции startingPoint. Первый символ в строке имеет номер 0, а последний равен длине строки минус единица. Если подстрока не найдена, метод возвращает - 1. Значение параметра startingPoint по умолчанию равно 0.
if (navigator. appVersion, indexOf ('Unix')! =-1)
return true
Связанные элементы
Метод объекта string.
См. методы charAt и lastIndexOf.
isNaN*
(Метод)
Проверяет, является ли аргумент числом.
isNaN (argument)
Применение
Метод применим только для UNIX. Эта функция возвращает true, если аргумент не является числом. На всех платформах, кроме Windows, методы parseFloat и parseInt возвращают NaN, если их аргумент не является числом.
Связанные элементы
См. методы parseFloat и parseInt.
italics
(Метод)
Форматирует строку курсивом.
stringName. italics ()
Применение
Метод italics дает тот же эффект, что и применение тега HTML<I>.
Связанные элементы
Метод объекта string.
См. методы blink, bold и strike.
lastlndexOf
(Метод)
Возвращает позицию символа или подстроки в строке, начиная поиск с конца.
stringName. lastlndexOf ()
Применение
Возвращает позицию определенного символа или подстроки в строковом объекте, производя поиск с конца строки или с указанной позиции. Если подстрока не найдена, метод возвращает - 1.
if (navigator. appVersion. lastlndexOf ('Win')! =-1)
return true
Связанные элементы
Метод объекта string.
См. методы charAt и indexOf.
lastModified
(Свойство)
Строка только для чтения, хранящая дату последнего изменения текущего документа.
document. lastModified
Это свойство опирается на атрибуты файла-источника. Строка форматируется стандартным для JavaScript способом (см. объект Date). Обычно применяется так:
dateModified = "Дата последнего изменения: " + document. lastModified
document. write (dateModified. small ())
Связанные элементы
Свойство объекта document.
length
(Свойство)
Целое число, показывающее длину или размер соответствующего свойства объекта.
formName. length
forms. length
formName. elements. length
forms [index]. length
fwindowName.] frameName. length
frameRef. frames. length
history. length
radioName. length
selectName. length
selectName. options. length
stringName. length
windowName. length
anchors. length
links. length
Применение
Смысл возвращаемого свойством length значения определяется массивом или объектом, к которому это свойство применено.
Таблица 2.
Объект/Массив Свойство определяет
history Длина списка просмотренных страниц
string Целое число, представляющее длину
строки, или 0 для пустой строки
radio Количество переключателей
anchors, forms, Количество элементов массива
frames, links,
options
Связанные элементы
См. свойства объектов anchors, elements, forms, frame, frames,
history, links, options, radio, string и window.
link
(links array) (Объект)
Текст или изображение, определенные как гиперссылка на другой URL.
document. linkName document. links [index]
Применение
Объект link представляет собой объект типа location и, следовательно, имеет те же свойства и методы, что и объект location.
Если для объекта определено имя, то он одновременно становится элементом массива anchors.
<А HREF='http://www.cnet.com/'>c|net's front door</A>
<A HREF='http://www.cnet.com/' NAME='cnet'>c|net's front door</A>
В вышеприведенном примере первая строка создает только новый элемент массива links. Если же тег дополнен атрибутом NAME, то дополнительно создается и элемент массива anchors.
Объект link только для чтения. Для создания новой гиперссылки применяется метод link объекта string.
Связанные элементы
Свойство объекта document. См. объект anchor.
См. свойства hash, host, hostname, href, length, pathname,
port, protocol, search и target. См. метод link. См. обработчики
событий onClick и onMouseOver.
link
(Метод)
Создает новую гиперссылку на другой URL.
stringName. link (argument)
Применение
Создает новую гиперссылку, определяя атрибут <HREF> и текст, который увидит пользователь.
linkText = "Wossamatta University";
linkURL = "http://www.wossammotta.edu/";
document. write ("Alma mater Рокки: " + linkText. link (linkURL))
Связанные элементы
Метод объекта string. См. метод anchor.
linkColor
(Свойство)
Цвет гиперссылки в документе.
document. linkColor
Применение
Цвет определяется как шестнадцатиричный триплет RGB или строковый литерал. Это свойство не может быть установлено после того, как документ отформатирован. Цвет соответствует атрибуту LINK в теге <BODY> и не может быть изменен после вывода документа на экран.
document. write ("Текущий цвет гиперссылок: " + document. linkColor)
Связанные элементы
Свойство объекта document.
См. свойства alinkColor, bgColor, fgColor и vlinkColor.
links
(Свойство)
Массив объектов link.
document. links [index]
Применение
Ссылки определяются в HTML с помощью тега <А HREF=URL>. Они отражаются в свойстве links, первая ссылка представлена как document. links [0]. Более подробная информация приводится в описании объекта link.
Связанные элементы
См. объект link.
См. свойства anchors и length.
LN2
(Свойство)
Константа, представляющая натуральный логарифм числа 2.
Math. LN2
Применение
Значение этой константы приблизительно равно 0.69315.
Связанные элементы
Свойство объекта Math.
См. свойства Е, LN10, LOG2E, LOG10E, PI, SQRT1_2 и SQRT2.
LN10
(Свойство)
Константа, представляющая натуральный логарифм числа 10.
Math. LN10
Применение
Значение этой константы приблизительно равно 2.30259.
Связанные элементы
Свойство объекта Math.
См. свойства Е, LN2, LOG2E, LOG10E, PI, SQRT1_2 и SQRT2.
location
(Объект)
Полная информация об URL текущего документа.
[WindowName] [frameName.] location. propertyName
parent. [frameName.] location. propertyName
Применение
Объект location используется для определения URL любого активного документа, включая документы в других окнах или в кадрах навигатора. Если объект window не указан, подразумевается текущее окно.
Каждое свойство объекта location содержит отдельную часть URL. Шесть частей URL отражены в объекте location:
protocol: // hostname: port/pathname. search#hash
Протоколы включают в себя начальную часть адреса (http, mailto, ftp и т.д.) до двоеточия включительно. B JavaScript включено несколько дополнительных протоколов.
Протокол javascript исполняет выражение после двоеточия и пытается загрузить получившееся строковое выражение. Если результата нет или он не определен, остается загруженной текущая страница.
javascript: parent. content. history. go (-1)
Протокол about предоставляет три метода получения информации о браузере. Сам по себе он дает тот же результат, что и выбор пункта About меню Help. Два других метода, cache и plugins, отражают текущее состояние кэша и информацию об установленных приложениях plug-in.
about: cache
about: plugins
He путайте этот объект, являющийся свойством объекта window, со свойством location объекта document. Обычно они отражают одно и то же значение, но свойство документа не может быть изменено, в то время как свойства данного объекта могут быть изменены.
Связанные элементы
Свойство объекта window. См. объект history.
См. свойства hash, host, hostname, href, location, pathname, port, protocol, search и target.
location
(Свойство)
Возвращает строку с URL текущего документа.
document. location
Применение
Это свойство только для чтения (document. location) отличается от свойства location объекта window (window, location. propertyName), которое может быть изменено.
Связанные элементы
Свойство объекта document. См, объект location.
log
(Метод)
Возвращает натуральный логарифм для положительного аргумента expression.
Math. log (expression)
Применение
Для отрицательного аргумента всегда возвращает - 1.797693134862316е+308.
Связанные элементы
Свойство объекта Math. См. методы ехр и pow.
LOG2E
(Свойство)
Константа, представляющая собой логарифм числа Е по основанию 2.
Math. LOG2E
Применение
Значение этой константы приблизительно равно 1.44270.
Связанные элементы
Свойство объекта Math
См. свойства Е, LN2, LN10, LOG10E, PI, SQRT1_2 и SQRT2.
LOG10E
(Свойство)
Константа, представляющая собой логарифм числа Е по основанию 10.
Math. LOG10E
Применение
Значение этой константы приблизительно равно 0.43429.
Связанные элементы
Свойство объекта Math.
См. свойства Е. LN2, LN10, LOG2E, SQRT1_2 и SQRT2.
Math
(Объект)
Встроенный в JavaScript объект, дающий доступ к константам и математическим функциям.
Math. property
Math. method (arguments)
Применение
Объект Math делится на две части-свойства, содержащие константы и методы для реализация функций. Например, для получения значения числа я в уравнении используйте:
Math. PI
Стандартные тригонометрические, логарифмические и экспоненциальные функции также включены в этот объект. Все аргументы тригонометрических функций выражаются в радианах. Также представлено несколько операции сравнения, например max - для определения большего из двух чисел.
Так как назначением объекта Math является предоставление средств для математических операций, нет необходимости создавать второй объект Math.
Для функций, активно использующих математические функции и константы JavaScript, утомительно включать Math как часть каждого выражения. Оператор with упрощает синтаксис в подобных ситуациях.
Обратите внимание на различия в следующих примерах, каждый из которых выполняет одни и те же операции.
function Hard () {
circleArea = Math. PI* (radius^2);
radians = (degrees/360) *Math. PI;
result - Math. cos (radians);
}
function Easy () {
with Math {
circleArea = PI* (radius^2);
radians = (degrees/360) *PI;
result = cos (radians); }
}
Связанные элементы
См. свойства Е, LN10, LN2, PI, SQRT1_2 и SQRT2.
См. методы abs, acos, asin, atan, ceil, cos, exp, floor, log, max, min, pow, random, round, sin, sqrt и tan.
max
(Метод)
Возвращает наибольший из двух аргументов.
Math. max (argument1, argument2)
Применение
Принимает любую комбинацию числовых констант или переменных и возвращает значение большей. Например:
firstNum = 1
secondNum = 100
Math. max (firstNum,secondNum)
возвращает 100.
Связанные элементы
Метод объекта Math. См. метод min.
method
(Свойство)
Отражает значение атрибута METHOD тега HTML <FORM>.
formName. method forms [index]. method
Применение
Возвращаемое значение или get, или post. Новое значение может быть установлено в любой момент.
Первая функция возвращает текущее значение объекта form, в то время как вторая функция устанавливает значение свойства method равным параметру newMethod.
function getMethod (formObj) {
return formObj. method
}
function setMethod (formObj,newMethod) {
formObj. method = newMethod
}
Связанные элементы
Свойство формы.
См. свойства action, encoding и target.
min
(Метод)
Возвращает меньший из двух аргументов.
Math. min (argument1, argument2)
Применение
Принимает любую комбинацию числовых констант или переменных и возвращает значение наименьшего. Например:
firstNum = 1
secondNum = 100
Math. min (firstNum,secondNum)
возвращает 1.
Связанные элементы
Метод объекта Math. См. метод max.
name
(Свойство)
Возвращает строку со значением атрибута name объекта.
objectName. name
frameRef. name
frameRef. frames. name
radioName [index]. name
selectName. options. name
windowRef. name
windowRef. frames. name
Применение
Атрибут этого свойства зависит от объекта. Он может быть изменен в любой момент.
Это свойство ссылается на внутренние имена объектов button, reset и submit, а не на подписи кнопок. Например, после открытия нового окна с помощью:
indexOutline = window. open ("http://www.wossamotta.com/outline.html","MenuPage") и выполнения команды
document. write (indexOutline. name)
JavaScript вернет строку "MenuPage", то есть присвоенное окну имя. У всех переключателей в группе имена одинаковы, каждый из них идентифицируется своей позицией.
Связанные элементы
Свойство объектов button, checkbox, frame, password, radio, reset, select, submit, text, textarea и window. См. свойство value.
navigator
(Объект)
Содержит информацию о браузере на клиентском компьютере.
navigator
Применение
Объект navigator возвращает информацию о браузере, такую как имя и версия браузера. Одно из основных применений этого объекта состоит в определении платформы, используемой на клиентском компьютере, для учета особенностей конкретного браузера, подобных обработке символа новой строки или генерации случайных чисел.
function UnixMachine () {
if (navigator. appVersion. lastIndexOf ('Unix')! =-l)
return true
else
return false
Связанные элементы
См. объекты link и anchors.
См. свойства appName, appCodeName, appVersion и userAgent.
onBlur
(Обработчик события)
Событие происходит в тот момент, когда элемент формы select, text или textarea теряет фокус.
<INPUT TYPE="elementType" onBlur="function">
Применение
Событие потери фокуса (blur) может использоваться для проверки корректности ввода данных пользователем. Этот обработчик события отличается от обработчика onChange, который вызывается только в случае изменения значения поля.
<INPUT TYPE="textarea" VALUE="" NAME="feedback" onBlur="checkSignature (this. value)">
Связанные элементы
Обработчик событий для объектов select, text, textarea.
См. методы focus и blur.
См. обработчики событий onChange и onFocus.
onChange
(Обработчик события)
Событие происходит в тот момент, когда значение элемента формы select, text или textarea изменилось и элемент потерял фокус.
<INPUT TYPE="elementType" onChange="function">
Применение
Этот обработчик особенно полезен для проверки корректности ввода данных пользователем.
<INPUT TYPE="text" VALUE="MT" NAME="state" onChange="checkAvailability (this. value)">
Связанные элементы
Обработчик событий для объектов select, text, textarea.
См. обработчики событий onBlur и onFocus.
onClick
(Обработчик события)
Вызывается после щелчка левой кнопкой мыши на объекте.
<INPUT TYPE="elementType" onclick="function">
Применение
Обработчик onClick придает широкую функциональность кнопкам формы и другим объектам на странице. Кнопки могут использоваться для проверки корректности ввода данных пользователем перед посылкой на сервер или для вычисления результатов в форме или в выражении. Щелчок на переключателе или флажке позволяет переключиться на обработку другой информации.
Следующий пример посылает содержимое формы с именем "overtime" функции howRich.
<FORM NAME="overtime">Full days worked:
<INPUT TYPE="text" VALUE="0" NAME="days" SIZE=3>Hours worked:
<INPUT TYPE="text" VALUE="0" NAME ""hours" SIZE=30>
<INPUT TYPE="button" VALUE="Compute" NAME="computeWage"
onClick="howRich (this. form)">
</FORM>
Связанные элементы
Обработчик событий для объектов button, checkbox, radio, link, reset и submit.
onFocus
(Обработчик события)
Событие происходит в тот момент, когда пользователь переходит к элементу формы select, text или textarea для ввода данных.
<INPUT TYPE="inputType" onFocus="function">
Применение
Элемент формы получает фокус в тот момент, когда пользователь переходит к этому элементу формы с помощью клавиши Tab или щелчка мыши. Выделение символов внутри поля приводит к вызову обработчика события onSelect.
Одним из применений обработчика onFocus является вывод на экран всплывающей подсказки, когда элемент выбирается в первый раз.
Связанные элементы
Обработчик событий для объектов select, text, textarea. См. обработчики событий onBlur и onChange,
onLoad
(Обработчик события)
Вызывается, когда загрузка Документа в окно или в кадр закончена.
<BODY onLoad="function"> <FRAMESET onLoad="function">
Применение
Событие load возникает в тот момент, когда браузер заканчивает загрузку окна или всех кадров внутри тега <FRAME SET>.
Связанные элементы
Обработчик событий для объекта window. См. обработчик события onUnload.
onMouseOver
(Обработчик события)
Событие происходит, когда указатель мыши помещается над гиперссылкой.
<АHREF="URL" onMouseOver="function">linkText</A>
Применение
Обработчик onMouseOver вызывается в тот момент, когда пользователь помещает указатель мыши над объектом link, Для взаимодействия со свойствами status или defaultStatus обработчик события должен возвращать true.
<А HREF="http://home.netscape.com/"
onMouseOver="window. status='Netscape'; return true">Netscape</A>
Связанные элементы
Обработчик событий для объекта link.
onSelect
(Обработчик события)
Обработчик события onSelect вызывается в тот момент, когда выделен текст внутри элемента формы.
<INPUT TYPE="textType" onSelect="function">
Применение
Событие select вызывается выбором части или всего текста в объектах text или textarea.
Связанные элементы
Обработчик событий для объектов text и textarea.
onSubmit
(Обработчик события)
Событие происходит в момент щелчка мышью на кнопке Submit для посылки данных формы на сервер.
<TAG onSubmit="function">
Применение
Обработчик события onSubmit запускается в момент отправки пользователем данных формы на сервер. Любое отличное от false возвращаемое значение, в том числе пропуск оператора return, приводит к отправке данных на сервер. Для получения более ясного кода рекомендуется вставлять оператор return в обоих случаях.
<FORM onSubmit="feedbackSubmit ()">
. элементы формы.
</FORM>
function feedbackSubmit () {
. сроки кода.
if (! validData) {
return true }
else {
return false; }
}
Связанные элементы
Обработчик событий для объекта form. См. объект submit.
См. метод submit.
onUnload
(Обработчик события)
Вызывается, когда пользователь выходит из документа.
<BODY onUnload="function"> <FRAMESET onUnload="function">
Применение
Когда несколько событий unload включено в иерархию кадров, порядок операций - от дочернего к родительскому.
Например, событие unload включено в два документа и родительский тег <FRAMESET>, который загрузил их. Когда дочерний документ изменяется, его событие unload обрабатывается, но событие unload тега <FRAMESET> не происходит. Когда пользователь выбирает опцию, заменяющую родительский документ на новый источник, событие unload самого верхнего уровня будет обработано.
Связанные элементы
Обработчик события объекта window. См. обработчик события onLoad.
open
(Метод)
Создает новый документ или экземпляр окна.
document. open ([MIMEtype])
window. open ("URL", "windowName"
[,"windowFeatures"])
Применение
Для документа метод open открывает поток вывода для методов write или writeln. Если тип MIME является версией text или image (например, text/html или image/gif), документ будет открыт для показа. Иначе поток будет направлен в plug-in. Если документ уже существует в целевом окне, метод open очищает это окно. Поток закрывается с помощью метода document. close ().
Для окна метод open открывает новое окно браузера, подобно выбору пункта меню File => New Web Browser браузера. При использовании аргумента URL метод загружает в новое окно документ;
в противном случае новое окно остается пустым. При использовании метода в программе обработки события форма должна включать объект window; В противном случае подразумевается объект document.
Параметр windowFeatures описывается в виде разделенного запятыми списка параметров, где - 1 или "yes - включено и =0 или =no - отключено. windowFeatures включают управление выводом инструментальной панели, окна URL, кнопок каталогов, строки состояния, строки меню, полос прокрутки, возможностью изменения размеров, сохранением истории навигации, шириной и высотой.
Связанные элементы
Метод объектов document и window.
См. методы clear, close, write, и writeln.
options
(Свойство)
Этот массив параметров является свойством элемента формы select. Массив создается с помощью тегов <OPTION> внутри набора тегов <SELECT>.
formName. selectName. options [index]
forms [index]. elements [index]. options [index]
Индекс первого параметра - ноль, второго - 1 и так далее.
Более подробная информация содержится в описании объекта select.
Связанные элементы
См. объект select.
parent
(Свойство)
Ссылается на вызывающий документ в текущем кадре, созданном тегом <FRAMESET>.
parent
parent. frameName
parent. frames [index]
parent. property
Применение
Использование свойства parent дает доступ к другим кадрам, созданным тем же самым тегом <FRAMESET>. Например, пусть два вызываемых кадра называются index и contents. Тогда кадр index может выводить текст в кадр contents, используя синтаксис: parent. contents. document. write ("Здесь был Вася")
Связанные элементы
Свойство объектов document и window.
parse
(Метод)
Преобразует строку даты типа "Jan 11, 1996" в количество миллисекунд, прошедших с полуночи 1 января 1970.
Применение
Эта функция может использоваться для возвращения значения даты на основе значения строки. При передаче строки со временем она возвращает значение времени.
Так как parse - статическая функция объекта Date, она всегда используется как Date. parse (), a не как метод созданного объекта Date.
Date. parse ("Jan 11, 1996");
Today - new Date ();
Date. parse (Today. toLocaleString ())
Связанные элементы
Метод объекта Date. См. метод UTC.
parseFloat*
(Метод)
parseFloat (string)
Применение
Метод parseFloat анализирует строковый аргумент и возвращает число с плавающей точкой, если первый символ переданной строки - знак "плюс", знак "минус", десятичная точка, число "е" (основание натурального логарифма) или цифра. Если parseFloat сталкивается с недопустимым символом, то метод возвращает значение, основанное на подстроке, следующей до этого символа, игнорируя все последующие.
Если первый же символ недопустим, parseFloat возвращает одно из двух значений, в зависимости от платформы:
Windows - 0, не Windows - NaN.
Связанные элементы
См. методы isNaN и parseInt.
parseInt*
(Метод)
Анализирует строковый аргумент и возвращает целое число, основанное на указанной системе счисления. parseInt (string [,radix])
Применение
При параметре radix, равном 10, string преобразовывается в десятичное число, при 8 преобразовывается в восьмеричное и при 16 - в шестнадцатиричное. Значения, большие 10, для оснований, превышающих 10, представляются символами от А до F вместо чисел.
Использование radix, равного 2, служит для преобразований в двоичные числа. Числа с плавающей запятой будут преобразованы в целые числа. Правила обработки строки идентичны правилам для parseFloat. Если radix опущен или система счисления конфликтует с первыми символами, JavaScript использует систему счисления, анализируя первые символы строки.
Символы Система счисления
О 8 (восьмеричная)
Ох 16 (шестнадцатиричная)
Другие 10 (десятичная)
Связанные элементы
См. методы isNaN и parseFloat.
password
(Объект)
Окно ввода пароля в форме HTML.
document. formName. passwordName
document. forms [index]. element [index]
Применение
password - текстовое поле, в котором символы, вводимые пользователем, в целях защиты маскируются звездочками. Любые значения по умолчанию, включенные как часть области определения HTML, очищаются при загрузке страницы. Эти предотвращаются намеренные или случайные нарушения защиты. Несмотря на то что свойство defaultValue допустимо для объекта password, оно всегда возвращает нулевое значение.
Возвращаемое значение объекта password может быть программно обработано внутри сценария, однако рекомендуется не использовать литералы (буквенное значение пароля) в тексте сценария из очевидных соображений безопасности.
Связанные элементы
Свойство объекта form.
См. объект text.
См. свойства defaultValue, name и value.
См. методы focus, blur и select.
pathname
(Свойство)
Извлекает из URL ту его часть, которая содержит путь.
location. pathname
link. pathname
links [index]. pathname
Применение
Хотя pathname может быть изменено в любое время, всегда безопаснее изменить весь URL сразу, используя свойство href.
Связанные элементы
Свойство объекта form
См. свойства hash, host, hostname, href, port, protocol и search.
PI
(Свойство)
Возвращает значение числа "pi".
Math. PI
Применение
Значение числа я приблизительно равно 3.14159. Это - отношение длины окружности к диаметру.
circumference = 2*Math. PI*radius
area = Math. PI*Math. pow (radius,2)
Связанные элементы
Свойство объекта Math.
См. свойства E, LN2, LN10, LOG2E, LOG10E, SQRT1_2 и SQRT2.
port
(Свойство)
Извлекает из URL номер порта.
location. port
link. port
links [index]. port
Применение
Значение порта - подстрока свойства host в свойстве href.
Связанные элементы
Свойство объекта form.
См. свойства hash, host, hostname, href, pathname, protocol и search.
pow
(Метод)
Возвращает основание, возведенное в степень.
Math. pow (argument)
Применение
Многие языки программирования используют оператор ^ для операции возведения в степень. JavaScript имеет для этого собственный метод. Символ ^ используется в JavaScript для выполнения поразрядной операции XOR.
Связанные элементы
Метод объекта Math. См. методы exp и log.
prompt
(Метод)
Отображает диалоговое окно ввода пользователя.
[windowName.] prompt (message [inputDefault])
Применение
Если первоначальное значение для inputDefault не определено, диалоговое окно предлагает значение <UNDEFINED>.
var userid = prompt ("Please enter your ID","")
Связанные элементы
Метод объекта window.
См, методы alert и confirm.
protocol
(Свойство)
Возвращает метод доступа к файлу.
location. protocol
link. protocol
links [index]. protocol
Применение
Строка, возвращаемая этим свойством, - начальная часть URL до двоеточия включительно. Это та часть URL, которая указывает метод доступа (http, ftp, mailto и т.п.).
http протокол передачи гипертекста
mailto адрес электронной почты
news узел новостей
file ссылка на файл на локальной машине
javascript едшествует набору команд JavaScript
Связанные элементы
Свойство объекта form.
См, свойства hash, host, hostname, href, pathname, port и search.
radio
(Объект)
Набор переключателей.
formName. radioName [index] forms [index]. elements [index]
Применение
Объекты radio создаются внутри HTML-тега <FORM> и представляют собой переключатели. Набор переключателей позволяет пользователю
выбирать один элемент из группы. При ссылке на объект с использованием имени переключателя индекс состоит из кнопок с одинаковым свойством name. При ссылке на переключатель с использованием массива elements каждый переключатель представляет собой отдельный элемент в индексе.
Связанные элементы
Свойство объекта form.
См. объекты checkbox и select.
См. свойства checked, defaultChecked, index, length, name и value.
См. метод click,
См. обработчик события onClick.
random
(Метод)
Возвращает случайное число в интервале между 0 и 1 (только для
UNIX).
Math. random ()
Применение
Метод random реализован только на UNIX-платформах - пользователи Windows и Macintosh должны использовать альтернативную форму генерации случайного числа. Пример такой формы включен в раздел "Примеры задач" в конце этой книги.
Связанные элементы
Метод объекта Math.
referrer
(Свойство)
URL документа, который привел к текущему документу.
document. referrer
Применение
Возвращает строку только для чтения, содержащую полный URL того документа, который вызвал текущий документ. Это свойство может использоваться со сценарием CGI. чтобы отслеживать, как пользователь перешел к текущей странице.
document. write ("Щелкните<А HREF=\'"+document. Referrer +"\> здeсь,</A> чтобы вернуться к предыдущей странице. ")
Связанные элементы
Свойство объекта form.
reset
(Объект)
Кнопка для возвращения всем объектам form значений по умолчанию.
formName. resetButtonName forms [index). elements [index]
Применение
Этот объект соответствует кнопке Reset, созданной тегом HTML <INPUT TYPE="Reset">, возвращающей все объекты form к их значениям по умолчанию.
Объект reset должен быть создан внутри тега <FORM> и не может управляться из программы обработки события onClick. При нажатии кнопки все объекты формы возвращаются к их значениям по умолчанию.
Однако программа об* работки события onClick может в дополнение к восстановлению значений по умолчанию вызывать другие действия.
Связанные элементы
Свойство объекта form.
См. объекты button и submit.
См. свойства name и value.
См. метод click.
См. обработчик события onClick.
round
(Метод)
Округляет число до ближайшего целого.
Math. round (argument)
Применение
Округляет аргумент с плавающей точкой до ближайшего большего целого числа, если десятичная часть больше или равна 0.5, или до ближайшего меньшего целого числа, если десятичная часть меньше, чем 0.5.
Math. round (2.1) // Возвращает 2
Math. round (2.9) // Возвращает 3
Связанные элементы
Метод объекта Math.
search
(Свойство)
Возвращает любую информацию запроса, присоединенную к URL.
location. search linkName. search links [index]. search
Применение
Возвращает строку, содержащую любую информацию запроса, добавленную в конец URL. Данные запроса предваряются знаком вопроса и являются последним элементом в URL документа. Информация в строке форматируется так:
? elementName=element+value
Подобно всем подстрокам свойства href, свойство search может быть изменено в любое время.
Связанные элементы
Свойство объекта form.
См. свойства hash, host, hostname, href, pathname, port и protocol.
select
(Метод)
Выделяет область ввода указанного элемента формы.
formName. elementName. select ()
forms [index]. elements [index]. select ()
Применение
При использовании вместе с методом focus метод select в JavaScript может выделить поле и установить курсор для ввода.
Связанные элементы
Метод объектов password, text и textarea. См. методы blur и focus.
select
(options array) (Объект)
Раскрывающийся список или список с множественным выбором в форме HTML.
formName. selectName
forms [index]. elements [index]
formName. selectName [index]. options [index]
forms [index]. elements [index]. options [index]
Применение
Список выбора позволяет пользователю выбирать один элемент из списка. Список прокрутки допускает выбор любого количества элементов из списка при наличии атрибута MULTIPLE во входном теге.
Будучи использованным без массива параметров, объект select ссылается на весь список, используя свойства типа length и name.
Свойства value и selectedIndex указывают на текущий выбор в списке выбора или на первый выделенный элемент в списке прокрутки.
Связанные элементы
Свойство объекта form.
См. объект radio.
См. свойства length, name, options и selectedIndex
См. методы blur и focus.
См, обработчики события onBlur, onChange и onFocus Для получения дополнительной информации о свойстве options объекта select см. свойства defaultSelected, index, selected, text и value.
selected
(Свойство)
Возвращает логическое значение (true или false), показывая текущее состояние параметра в объекте select.
formName. elementName. [options [index].] selected
forms [index]. elements [index]. [options [index].] selected
Применение
Свойство selected может быть изменено в любой момент и результат изменения будет немедленно отражен на экране. Свойство selected удобно использовать с элементами select, созданными с использованием атрибута MULTIPLE.
При использовании свойства select вы можете просматривать или изменять значение любого элемента в массиве options без изменения значений любых других элементов в массиве.
Связанные элементы
Свойство объекта options.
См. свойства defaultSelected, index и selectedIndex.
selectedIndex
(Свойство)
Возвращает целое число, указывающее индекс выбранного элемента.
formName. elementName. [options [index].] selectedlndex
forms [index]. elements [index]. [options [index].] selectedlndex
Применение
Свойство selectedIndex удобно использовать с элементами select, созданными без использования атрибута MULTIPLE в теге <SELECT>. Если selectedIndex определяется при установленном атрибуте MULTIPLE, свойство возвращает индекс только первого выделенного элемента. Установка этого свойства сбрасывает выделение любых других элементов.
Связанные элементы
Свойство объектов select, options.
См. свойства defaultSelected, index и selected.
self
(Свойство)
Ссылается на текущее окно или форму.
self
Применение
Свойство self полезно для устранения неоднозначности свойств form и window с одним и тем же именем.
Связанные элементы
Свойство объектов frame и window. См. свойство window.
setDate
(Метод)
Устанавливает день месяца.
Date. setDate (argument) dateName. setDate (argument)
Применение
SetDate использует целое число в диапазоне от 1 до 31 для установки дня месяца в объекте Date.
endOfTheWorld = new Date ("January 11, 1996 06: 18: 00")
endOfTheWorld. setDate (26)
document. write (endOfTheWorld. getDate ())
// Возвращает 26
Связанные элементы
Метод объекта Date. См. метод getDate.
setHours
(Метод)
Устанавливает час для текущего времени.
Date. setHours (argument) dateName. setHours (argument)
Применение
SetHours использует целое число от 0 (полночь) до 23 для установки часа, используя 24-часовую шкалу.
Связанные элементы
Метод объекта Date. См. метод getHours.
setMinutes
(Метод)
Устанавливает минуты для текущего времени.
Date. setMinutes (argument) dateName. setMinutes (argument)
Применение
Использует целые числа от 0 до 59 для установки минут для объекта Date.
Связанные элементы
Метод объекта Date. См. метод getMinutes.
setMonth
(Метод)
Устанавливает значение месяца для объекта Date.
Date. setMonth (argument) dateName. setMonth (argument)
Применение
Использует целые числа от 0 (январь) до 11 (декабрь). Это единственный элемент объекта Date, который отступает от стандартных соглашений по нумерации дат и времени. Будьте внимательны при переводе значений месяца из сценария на JavaScript в форму для пользователей.
Связанные элементы
Метод объекта Date. См. метод getMonth.
setSeconds
(Метод)
Устанавливает секунды.
Date. setSeconds (argument) dateName. setSeconds (argument)
Применение
Использует целые числа от 0 до 59 для установки секунд для объекта Date. Несмотря на то что объект Date использует миллисекунды для отслеживания времени, секунды являются минимальным уровнем детализации, допустимым при вводе значения времени.
Связанные элементы
Метод объекта Date. См. метод getSeconds.
setTime
(Метод)
Устанавливает значение объекта Date.
dateName. setTime (argument)
Применение
Это основная форма объекта Date. Метод возвращает количество миллисекунд, прошедших с полуночи 1 января 1970 года. Хотя нет необходимости знать конкретное значение этого числа, оно может быть использовано как простейший метод копирования значения одного объекта типа Date в другой.
endOfTheWorld = new Date (userGuess)
checkDate = new Date ()
checkDate. setTime (endOfTheWorld. getTime ())
Связанные элементы
Метод объекта Date. См. метод getTime.
setTimeout
(Метод)
Исполняет выражение по истечении указанного в миллисекундах промежутка времени.
[window.] setTimeout (timerID)
[windowName.] setTimeout (timerID)
Применение
Исполнение выражения происходит только один раз. Например, установка промежутка в 3 секунды приведет к однократному исполнению выражения по истечении этих 3 секунд, а не к повторению каждые 3 секунды.
Для рекурсивного вызова метода setTimeout достаточно вставить в вызываемую функцию новый вызов метода setTimeout. Вызов функции startclock в нижеприведенном примере запускает бесконечный цикл, в котором таймер сбрасывается, затем на экран выводится текущее время и, наконец, заново устанавливается промежуток времени в 1 секунду для вывода очередного значения времени.
см. пример "setTimeout"
<SCRIPT>
var timerID = null;
var timerRunning = false;
function stopclock () {
if (timerRunning) clearTimeout (timerID);
timerRunning=false;
}
function startclock () {
stopclock ();
showtime ();
}
function showtime () {
var now = new Date ();
document. clock. display. value = now. toLocaleString ();
timerID = setTimeout ("startclock ()",1000);
timerRunning = true;
}
</SCRIPT>
<BODY onLoad="startclock ()">
<FORM NAME="clock">
<INPUT ITEM=text NAME="display" VALUE="Standby for the time">
</FORM>
</BODY>
Связанные элементы
Подобные документы
Исследование возможностей и областей использования языка программирования JavaScript. Сравнительный анализ языков программирования JavaScript и PHP. Разработка интерактивного Web-приложения на примере теста по теме "Программирование на языке Delphi".
практическая работа [26,0 K], добавлен 04.02.2015Практическая значимость создания сайта. Язык программирования JavaScript. Основные области использования языка JavaScript при создании интерактивных HTML-страниц. Язык программирования PHP. Программная основа сайта. Создание оформления дизайна сайта.
дипломная работа [1,1 M], добавлен 05.03.2013Изучение методик языка Javascript по формализации и решению поставленной задачи, технологических приемов разработки программ на языке Javascript, HTML, CSS. Формально определение машины Тьюринга, распознающую язык. Ее программная модель, протоколы работы.
курсовая работа [220,7 K], добавлен 03.03.2015Язык маркировки гипертекстов HTML, основа создания web-страниц. История спецификаций, каскадные таблицы стилей CSS. Способы определения таблиц стилей (стилевого шаблона). Язык подготовки сценариев JavaScript, его использование. Программный код web сайта.
курсовая работа [26,9 K], добавлен 05.07.2009Сравнительная характеристика, возможности и функции языков программирования JavaScript и PHP. Основные области их использования. Разработка интерактивного Web-приложения с применением JavaScript на примере теста по теме "Программирование на языке Delphi".
курсовая работа [19,3 K], добавлен 01.07.2014Изучение создания скриптов на JavaScript. Разработка программы выдачи простого предупреждения по событию Click при выборе гипертекстовой ссылки. Применение контейнера SCRIPT для размещение JavaScript-кода. Получение типа программы просмотра HTML-страниц.
контрольная работа [21,1 K], добавлен 15.02.2010Базовый синтаксис языка сценариев JavaScript. Создание страниц, включающих в себя программы, которые взаимодействуют с пользователем, управляют браузером и динамически создают HTML-содержимое. Работа с объектами, которые инкапсулируют данные и поведение.
лабораторная работа [58,6 K], добавлен 25.05.2016Примеры динамического построения html-страницы при помощи JavaScript. Использование цикла For, когда заранее известно, сколько раз должны повториться циклические действия. Выполнение циклических операторов входа и выхода, прерывание текущей итерации.
лабораторная работа [52,4 K], добавлен 19.09.2019Характеристика возможностей редактора DreamWeaver и Front Page. Особенности языков программирования PHP и JavaScript. Основные требования, предъявляемые к Web-странице. Специфика программного обеспечения для ее создания и эффективности использования.
курсовая работа [44,6 K], добавлен 03.02.2011Объектно-ориентированный язык программирования: общая характеристика и свойства. Базовый и производный классы, конструкторы производного класса. Конструкторы и неопределенность при множественном наследовании. Роль наследования при разработке программ.
курсовая работа [688,3 K], добавлен 23.12.2013