Главная
Коллекция "Otherreferats"
Программирование, компьютеры и кибернетика
Справочник по "JavaScript"
Справочник по "JavaScript"
JavaScript - объектно-ориентированный язык программирования, используемый в составе страниц HTML для увеличения функциональности и возможностей взаимодействия с пользователями. Описание элементов языка, способы их использования и примеры программ.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | учебное пособие |
| Язык | русский |
| Дата добавления | 14.03.2013 |
| Размер файла | 105,7 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
Справочник по "Javascript"
ОПИСАНИЕ ОБЪЕКТОВ, МЕТОДОВ, СВОЙСТВ И ОБРАБОТЧИКОВ СОБЫТИЙ
|
Объекты => |
Методы => |
Свойства => |
Обработчики событий |
||||
|
anchors array button checkbox Date document elements array form frame hidden history links_array location Math navigator password radio reset select string submit text textarea window |
abs acos alert anchor asin atan back big blink blur bold ceil charAt clear clearTimeout click close confirm escape eval exp fixed floor focus fontcolor fontsize forward getDate getDay getHours getMinutes getMonth getSeconds getTime getTimezoneOffset go |
indexOf isNaN italics lastlndexOf link log max min open parse parseFloat parseInt pow prompt random round select setDate setHours setMinutes setMonth setSeconds setTime setTimeout setYear sqrt small sub submit substring sup tan toGMTString toLocaleString toLowerCase write writeln |
action alinkColor anchors appCodeName appName appVersion bgColor checked cookie cos defaultChecked defaultSelected defaultStatus defaultValue E elements encoding fgColor forms frames hash host hostname href Index lastModified length linkColor links LN2 LN10 location LOG2E LOG10E |
method name options parent pathname PI port protocol referrer search selected selectedIndex self SQRT1_2 SQRT2 status target text title top value vlinkColor window |
onBlur onChange onClick onFocus onLoad onMouseOver onSelect onSubmit onUnload |
Введение
JavaScript - это язык программирования, используемый в составе страниц HTML для увеличения функциональности и возможностей взаимодействия с пользователями. Он был разработан фирмой Netscape на базе языка Sun's Java корпорации Sun. На первый взгляд кажется, что найти информацию по JavaScript несложно. Сначала создается впечатление, что ее можно увидеть везде: на сервере Netscape, в виде электронных руководств и примеров, во многих других местах.
Тем не менее разыскать информацию об объектах, операторах, цветах и всем прочем в одном источнике, чтобы она была всегда под рукой, трудно. Настоящая книга и должна восполнить этот пробел.
Прежде всего надо понять, что JavaScript и Java - это совершенно разные вещи. Java представляет собой объектно-ориентированный язык программирования, разработанный фирмой Sun Microsystems и требующий для своего функционирования компилятора и вспомогательных файлов. Этот язык хорош для программистов с опытом работы на языках типа С++. Разрабатываемые с помощью Java Development Kit программы могут работать как законченные приложения либо как встроенные в страницу HTML апплеты. И хотя апплеты встроены в страницы HTML, они хранятся на клиентской машине как отдельные файлы. JavaScript был разработан в Netscape. Он близок к языку Java в том, что оба содержат некоторый простой набор команд, сходных в своей реализации. По структуре и синтаксису JavaScript близок к Java, но JavaScript реализует свою функциональность только в составе страницы HTML. Вы не можете разрабатывать апплеты или обособленные приложения с помощью JavaScript - они могут располагаться только внутри страницы HTML и функционируют, будучи загруженными в подходящий браузер типа Netscape Navigator версии 2.0 или более поздней.
Как пользоваться этой книгой
Для упрощения поиска информации в этой книге принято несколько соглашений.
Описания элементов языка имеют одинаковую структуру. После названия элемента и указания его типа (объект, Свойство или метод) следует краткое описание способа применения. Далее приводится синтаксис команды. Некоторые элементы, особенно относящиеся к формам, могут быть реализованы несколькими способами. Основные варианты перечисляются как часть синтаксиса. Если предлагается такой синтаксис: document. formName то к форме, названной user Info, можно обращаться следующим образом: document. userInfo
Методы, помеченные звездочкой, являются встроенными и не требуют вызова объекта для своей работы. Далее следует подробное описание способа использования и примеры программ. В конце приводятся ссылки на имеющиеся в книге описания других элементов языка.
Когда встречается аббревиатура URL, она указывает на полный универсальный адрес ресурса, включающий в себя протокол, адрес сервера и, если необходимо, путь к файлу и имя точки назначения в файле.
Основные элементы языка
Обработчики событий
Обработчики событий являются особенной частью языка JavaScript и придают ему основную мощь. Они позволяют программисту отслеживать действия пользователя по отношению к странице HTML, такие как щелчок мышью на кнопке формы или помещение указателя мыши над гиперссылкой.
Обработчики событий встраиваются вбеги теги HTML, обычно в составе форм, но иногда включаются в описание ссылок.
Практически все, что пользователь может делать со страницей, можно отслеживать с помощью обработчиков событий, от движения мыши до выхода из страницы. Например, следующий фрагмент кода выводит строку "Справочник по JavaScript" в строке состояния, когда указатель мыши оказывается над гиперссылкой.
Netscape's Home Page
Функции
Функция представляет собой созданный программистом или встроенный в язык метод, выполняющий какую-то задачу. Она может также вернуть значение, если поместить в нее оператор return.
Функции универсальны и не требуют привязки к какому-либо объекту для своей работы. Методы же всегда связаны с объектом.
Как правило, лучше всего помещать определения функций внутри тега <HEAD>. Такой подход гарантирует, что любая функция
будет загружена в память и "готова к употреблению" прежде, чем пользователь сможет произвести какие-либо действия, вызывающие эту функцию.
Иерархия объектов
Среди объектов существуют определенные взаимоотношения. Например, объекты Navigator имеют структуру, отражающую структуру страницы HTML. Такие взаимоотношения называются иерархией экземпляров, так как эта иерархия работает только с конкретными экземплярами объектов, а не с абстрактными классами. Объект window является родительским по отношению ко всем остальным объектам Navigator. Прямыми потомками объекта window
являются объекты location, history и document. Объекты forms, links и anchors являются дочерними для объекта document. Каждый объект является потомком объекта более высокого уровня. Форма с названием orderForm является объектом и в то же время свойством объекта document. Таким образом, для вызова такой формы используется выражение document. orderForm.
Иерархию объектов языка JavaScript можно сопоставить с иерархией объектов в реальном мире. Колеса, руль и педали - это все объекты, принадлежащие велосипеду. Велосипед представляет собой объект, принадлежащий к средствам наземного транспорта, которые, в свою очередь, принадлежат к более общей категории средств передвижения.
В терминах объектов JavaScript эти взаимоотношения могли бы быть выражены следующим образом:
travelMode. groundTransport. bicycle. handleBars
Наиболее общий объект высшего уровня находится слева в выражении, и слева направо происходит переход к более частным объектам, являющимся при этом наследниками высших в иерархии объектов.
Java
По выражению Sun Microsystems, "Java представляет собой простую, удобную, объектно-ориентированную, платформо-независимую, многопоточную, динамичную, многоцелевую среду программирования".
Все эти громкие слова подразумевают, что Java идеально подходит для создания апплетов и приложений для Internet, для сетей intranet и для других сложных распределенных сетей.
Будучи однажды скомпилированным, исходный код на языке Java может исполняться на компьютере с любой операционной системой - Windows 95, Solaris, Macintosh или любой другой, лишь бы на машине имелся интерпретатор Java. Программирование на Java требует наличия Java Development Kit с компилятором и набором базовых классов, созданных фирмой Sun или третьей фирмой, например
Symantec.
JavaScript
JavaScript является интерпретируемым языком для документов HTML, разработанным фирмой Netscape в сотрудничестве с Sun Microsystems. Сценарии (scripts) выполняются в результате наступления каких-либо событий, инициированных действиями пользователя. Создание Web-документов, включающих программы на JavaScript, требует наличия текстового редактора и подходящего браузера. Браузер Netscape Gold включает в себя встроенный редактор, так что нужда во внешнем редакторе отпадает.
Несмотря на отсутствие прямой связи с языком Java, JavaScript
может обращаться к внешним свойствам и методам Java-апплетов, встроенных в страницу HTML. Разница сводится к тому, что апплеты существуют вне браузера, в то время как программы JavaScript могут работать только внутри браузера.
Литералы
Литералом называется значение, которое можно присвоить переменной. Литералы не могут измениться. Примерами литералов являются 1,3.1415927, "Bob" и true.
Некоторым типам литералов в JavaScript соответствуют типы переменных.
Целые числа
Целыми называются числа типа 1,16 и 25896. Они могут быть выражены в десятичном (по основанию 10), шестнадцатиричном (по основанию 16) или восьмеричном (по основанию 8) представлении.
Шестнадцатиричные числа включают цифры 0-9 и буквы a-f, в JavaScript они записываются с комбинацией символов Ох (ноль-х) перед числом. Восьмеричные числа включают только цифры 0-7 и в JavaScript записываются с ведущего нуля. Например, десятичное число 23 представляется в шестнадцатиричном виде как 0x17 и в восьмеричном как 027.
Числа с плавающей точкой
Числа с плавающей точкой представляют собой дробные части целых чисел и должны включать в себя по крайней мере одну цифру и десятичную точку либо символ экспоненты ("е" или "Е"). В следующих примерах приведены различные варианты представления одного и того же числа:
3.1415927
3145927е-7
.3141527Е1
Логические литералы
Логические литералы имеют только два значения, true (истина) или false (ложь). В некоторых реализациях языка JavaScript О (false) и 1 (true) не могут быть использованы в качестве логических значений. Текущие версии Netscape Navigator и Netscape Navigator Gold обе поддерживают 0 и 1 как логические false и true.
Строки
Строки определяются как любое количество символов, окруженных одинарными или двойными кавычками. Использование обратной косой черты "\" позволяет вставлять в строку специальные символы.
document. write ("\Вам следует принять ванну\", - сказал доктор и наморщил нос. ")
выводит "Вам следует принять ванну", - сказал доктор инаморщил нос.
Методы
Метод представляет собой функцию, ассоциированную с объектом.
язык программирование пользователь программа
Например,userName. toUpperCase () возвращает строку, содержащуюся в переменной userName, преобразованную к верхнему регистру.
Объекты
Объектом называется структура, имеющая свойства (properties), представляющие собой переменные JavaScript или другие объекты.
Функции, ассоциированные с объектом, называются методами объекта. Обращение к свойствам и методам осуществляется просто:
objectName. propertyName objectName. methodName
Все имена чувствительны к регистру.
Если объект с названием house имеет свойства bedrooms, bathrooms, floors и squareFeet, вы можете обращаться к их значениям:
house. bedrooms
house. bathrooms
house. floors
house. squareFeet
Другим способом представления объектов является запись их как массивов:
house ["bedrooms"]
house ["bathrooms"]
house ["floors"]
house ["squareFeet"]
Этот же объект может быть представлен в JavaScript и как обычный массив:
house [0]
house [1]
house [2]
house [3]
Такой тип взаимоотношений между индексами и строками называется ассоциативным массивом.
Создание нового объекта требует вызова функции-конструктора объекта. Например, следующая функция должна создавать новый экземпляр объекта house:
function House (bedrooms, bathrooms, floors, squareFeet)
{
this. bedrooms - bedrooms;
this. bathrooms - bathrooms;
}
this. floors - floors;
this. squareFeet = squareFeet
}
Теперь, когда объект определен, его экземпляр создается с помощью оператора new.
5OOSouth5th = new House (2, 1, 1, 1700)
В определение объекта могут быть включены другие объекты.
Например, объект с названием owner имеет свойства name, age,
mortgageLength.
function Owner (name, age, mortgageLength)
{
this. name = name;
this. age = age;
this. mortgageLength = mortgageLength
}
Добавление дополнительного аргумента и строки кода в функцию Hous'e добавляет объект owner к объекту house:
function House (bedrooms, bathrooms, floors, squareFeet,
owner) {
this. bedrooms = bedrooms;
this. bathrooms = bathrooms;
this. floors = floors;
this. squareFeet = squareFeet;
this. owner = owner
}
Новый экземпляр объекта owner (Glenn Woodson, 38 лет, со сроком закладной в 20 лет), представленный переменной G_Woodson, включен в объект house:
G_Woodson = new Owner ("Glenn Woodson",38, 20);
5OOSouth5th = new House (2, 1, 1, 1700, G__Woodson)
Свойства объекта G_Woodson включены в объект 5OOSouth5th:
5OOSouth5th. bedrooms
5OOSouth5th. bathrooms
5OOSouth5th. floors
5OOSouth5th. squareFeet
5OOSouthSth. G_Woodson. name
5OOSouth5th. G_Woodson. age
5OOSouth5th. G_Woodson. mortgageLength
Операторы
Оператор производит действия над одним или несколькими операндами или переменными. Операторы делятся на две основные группы: унарные и бинарные. Бинарные операторы требуют двух операндов, а унарные имеют дело только с одним операндом.
Например, оператор сложения является бинарным оператором:
sum = 1 + 5
Унарные операторы часто используются для обновления значений
счетчиков. Следующий пример увеличивает переменную счетчика на единицу:
counter++
Свойства
Свойства используются для описания объекта или его текущего состояния. Свойство определяется путем присваивания ему значения. Значение может быть присвоено браузером, программой или действиями пользователя.
Несколько свойств в JavaScript содержат константы-значения, которые никогда не меняются. Такими являются значения числа я или основания натуральных логарифмов (е). Другие элементы, например
элементы формы, различаются от страницы к странице, но не могут быть изменены в пределах одной страницы.
Сценарии
Одна или несколько команд JavaScript могут быть помещены в тег <SCRIPT>. Сосуществование нескольких вспомогательных языков программирования для расширения возможностей языка HTML сделало необходимым сообщать браузеру, какой же язык используется в данном конкретном случае. Для JavaScript синтаксис таков:
<SCRIPT LANGUAGE="JavaScript"> <!
Строки кода.
// - -></SCRIPT>
Использование атрибута LANGUAGE в браузерах Netscape пока что не обязательно, но это положение может измениться, если будет реализована поддержка других языков, например VBScript фирмы Microsoft.
Обратите внимание на использование тегов комментария HTML <! - и - ->. Если страница, содержащая сценарий, будет загружена в браузер, не поддерживающий языки сценариев, строки программы будут выведены на экран как обычный текст, засоряя экран.
Если же использовать тег комментария, такой браузер пропустит текст программы, воспринимая его как комментарий. Двойная косая черта перед закрывающим текст JavaScript-npoграммы тегом комментария гарантирует, что тег не будет воспринят браузером как оператор JavaScript.
Замена типов данных
Тип переменной зависит от того, какой тип информации в ней хранится (см. раздел "Литералы"). JavaScript не является жестко типизированным языком, то есть нет необходимости объявлять тип переменной в момент ее создания. Тип переменной присваивается переменной автоматически в зависимости от литерала, присвоенного переменной. Взгляните на следующие выражения:
// пример1
var oneString = "1"
var oneInt = 1
var oneConcatenate = oneString + oneInt // В результате
// получается "11"
Замена типов
var oneAddition = oneInt + oneString // В результате // получается 2
В первой операции сложения первый операнд является строкой. JavaScript предполагает, что производится операция с двумя строками. Когда JavaScript обнаруживает в качестве второго операнда целое число, он в соответствии со своими представлениями преобразует переменную в строку.
Так как JavaScript не поддерживает никаких методов и свойств для определения типа текущего значения переменной, очень важно внимательно отслеживать типы переменных во избежание неожиданных результатов.
Описание объектов, методов, свойств и обработчиков событий
Синтаксис и команды JavaScript можно разделить на несколько категорий в зависимости от их назначения и использования.
Объекты представляют собой блоки, из которых строится JavaScript. Они применяются для возвращения значений и изменения состояния форм, страниц, браузера и определенных программистом переменных. Объекты можно сопоставить с существительными. Кошка, автомобиль, дом, компьютер, форма - все это существительные, они могут быть представлены как объекты (см. раздел "Объекты").
Мы используем свойства для того, чтобы различать объекты одного класса - например, всех объектов типа кошка. Свойства сравнимы с прилагательными и ссылаются на уникальные для каждого
экземпляра объекта особенности. В случае кошки это может быть вес, цвет, местоположение, текущее занятие, количество блох и т.п. (см. раздел "Свойства").
Методы служат для передачи сообщений объекту и иногда для изменения состояния его свойств. Например, один метод может быть использован для изменения текущего занятия кошки от еды ко сну, а другой - для уменьшения количества блох (см. раздел "Методы").
Дальше следует список строительных блоков языка JavaScript:
(Метод)
Возвращает абсолютное значение своегоргумента.
Math. abs (argument)
Применение
Следующие примеры возвращают соответственно 10 и 12.5.
document. writeln (Math. abs (-10));
John. age. value = 12.5
document. writeln (Math. abs (John. age. value))
Связанные элементы
Метод объекта Math.
(Метод)
Возвращает арккосинус своего аргумента (от 0 до ПИ радиан).
Math. acos (argument)
Применение
Аргумент должен быть числом в диапазоне между - 1 и 1. Если значение выходит за пределы этого диапазона, возвращается 0.
Связанные элементы
Метод объекта Math.
См. методы asin, atan, cos, sin и tan.
action
(Свойство)
Отображение атрибута ACTION тега HTML <FORM>.
document. formName. action
document. forms [index]. action
Применение
Свойство action возвращает строку, состоящую из URL назначения для данных, введенных в форму. Это значение может быть установлено или изменено как до, так и после загрузки и форматирования документа.
В следующем примере свойство action для формы, названной outlineForm, устанавливает значение URL равным значению переменной outlineURL.
outlineURL = "http://www.wossamottau.edu/cgi-bin/outline. cgi"
outlineForm. action-outlineURL
Связанные элементы
Свойство объекта form.
См, свойства encoding, method и target.
alert
(Метод)
Выводит на экран диалоговое окно JavaScript Alert с кнопкой ОК и определенным программистом сообщением.
[window.] alert (AlertMessage)
Применение
Прежде чем пользователь сможет продолжить работу со страницей,
он должен нажать кнопку ОК диалогового окна JavaScript Alert.
Связанные элементы
Метод объекта window.
См. методы confirm и prompt.
alinkColor
(Свойство)
Цвет гиперссылки после нажатия на ней левой кнопкой мыши, но до отпускания кнопки.
document. alinkColor
Применение
Подобно остальным цветам в JavaScript, свойство alinkColor записывается как шестнадцатеричный триплет RGB или строковый литерал. Это свойство не может быть изменено после загрузки документа HTML. Оба следующих примера устанавливают цвет в бледно-голубой.
document. alinkColor="aliceblue" document. alinkColor="FOF8FF"
Связанные элементы
Свойство объекта document.
См. свойства bgColor, fgColor, linkColor и vlinkColor.
(Объект)
Массив с информацией о якорях в документе.
[windowName.] document. anchors [index]
Применение
Объект anchors array (только для чтения) устанавливается в тегах HTML <A NAME>.
<А [HREF=URL] NAME="anchor name" [TARGET="windowName"] > текст якоря
Включение в тег значения для атрибута HREF делает якорь также и гиперссылкой и добавляет ее к массиву links. Новые якоря можно определить в JavaScript с помощью метода anchor.
Для определения количества элементов массива anchors в документе используйте свойство length.
document. anchors. length
Выражение document. anchor [index] возвращает null. Например,
document. anchor [0] возвращает null, несмотря на то что существует якорь, созданный с помощью тега <A NAME="Elef">Все о
слонах</А>.
Связанные элементы
Свойство объекта document. См. объект link и метод anchor.
anchor
(Метод)
Выводит строку на экран и делает ее якорем.
textString. anchor (anchorName)
Применение
Будучи примененным вместе с методами write или writeln, метод anchor создает в текущем документе якорь, где textString - это строка, которую пользователь видит на экране, a anchorName имеет значение атрибута NAME тега HTML<ANCHOR>.
anchorString = "Louie's Place";
document. writeln (anchorString. anchor ("louies_place"));
Связанные элементы
Метод объекта string. См. метод link.
anchors
(Свойство)
Массив всех якорей в текущем документе. Подробнее в описании объекта anchor.
document. anchors [index]
Применение
Если массив anchor в документе содержит 5 элементов, то он начинается с document. anchors [0] и заканчивается
document. anchors [4].
Связанные элементы
Свойство объекта document.
См. объект anchor.
См. свойства length и links.
appCodeName
(Свойство)
Возвращает строку (только для чтения) с кодовым именем браузера.
navigator. appCodeName
Для вывода на экран кодового имени текущего браузера служит следующая строка:
document. write ("Кодовое название вашего браузера:
" + navigator. appCodeName +". ")
Это выражение вернет:
Кодовое название вашего браузера: Mozilla.
Связанные элементы
Свойство объекта navigator.
См. свойства appName, appVersion и userAgent.
appName
(Свойство)
Возвращает строку (только для чтения) с именем браузера.
navigator. appName
Применение
Для вывода на экран имени приложения текущего браузера служит следующая строка:
document. write ("Название вашего браузера:
" + navigator. appName +". ")
Это выражение вернет:
Название вашего браузера: Microsoft Internet Explorer.
Связанные элементы
Свойство объекта navigator.
См. свойства appCodeName, appVersion и userAgent.
appVersion
(Свойство)
Возвращает строку с информацией о версии браузера.
navigator. appVersion
Применение
Свойство appVersion используется для проверки версии используемого на клиентском компьютере браузера. Оно возвращает значение в формате номер_версии (платформа; страна). Для версии Netscape 2.0 под Windows 95:
document. write ("Версия вашего браузера: "
+ navigator. appVersion +". ")
возвращает:
Версия вашего браузера: 4.0 (compatible; MSIE 7.0; Windows NT 5.1; Avant Browser; RadioClicker Lite;.net CLR 2.0.50727).
Возвращенное значение говорит о том, что используется "*" версия"*", работающая под "*". Код страны "U" указывает версию для США, в то время как код "I" возвращается международной версией.
Связанные элементы
Свойство объекта navigator.
См. свойства appName, appCodeName и userAgent.
asin
(Метод)
Возвращает арксинус своего аргумента.
Math. asin (argument)
Применение
При передаче методу asin числа в диапазоне от - 1 до 1 он возвращает арксинус аргумента (от - пи/2 до пи/2 радиан). Если передаваемый аргумент выходит за пределы указанного диапазона, возвращается 0.
Связанные элементы
Метод объекта Math.
См. методы acos, atan, cos, sin и tan.
atan
(Метод)
Возвращает арктангенс своего аргумента.
Math. atan (argument)
Применение
Метод atan возвращает число между - пи/2 и пи/2 радиан.
Аргументом является число в диапазоне от - 1 до 1, равное тангенсу возвращаемого значения.
Связанные элементы
Метод объекта Math.
См. методы acos, asin, cos, sin и tan.
back
(Метод)
Вызывает переход к предыдущему URL из списка просмотренных в текущей сессии работы с браузером документов.
history. back ()
Применение
Использование метода back идентично применению выражения history,go (-1).
Связанные элементы
Метод объекта history. См. методы forward и go.
bgColor
(Свойство)
Фоновый цвет документа.
document. bgColor
Применение
Использование свойства bgColor имеет приоритет над соответствующей настройкой браузера. Его значение записывается как шестнадцатиричный триплет RGB или строковый литерал. Значение свойства может быть изменено в любой момент. Следующий пример позволяет пользователям устанавливать свой собственный цвет фона с помощью переключателей.
function newColor (colorString)
{
document. bgColor = colorString
}
<FORM NAME="colors">
<INPUT TYPE="radio" NАМЕ="соlоr" VALUE="F0F8FF" onClick="newColor (this. value)">
AliceBlue
<INPUT TYPE="radio" NAME="color" VALUE="FF4500" onClick="newColor (this. value)">
0chre
<INPUT TYPE="radio" NAME="color" VALUE="FFEFD5" onClick="newColor (this. value)">
Papaya Whip</FORM>
Начало формы
AliceBlue0chrePapaya WhipWhite
Конец формы
Связанные элементы
Свойство объекта document.
См. свойства alinkColor, fgColor, linkColor и vlinkColor.
big (Метод)
Форматирует строковый объект более крупным шрифтом.
stringName. big ()
Применение
По своей функциональности использование метода big идентично изменению шрифта выводимого текста с помощью тега HTML <BIG>. Оба следующих примера приводят к одному и тому же результату: выводу сообщения "Добро пожаловать на мою домашнюю страницу" крупным шрифтом:
var welcomeMessage = "Добро пожаловать на мою домашнюю страницу. "
document. write (welcomeMessage. big ())
Добро пожаловать на мою домашнюю страницу.
Связанные элементы
Метод объекта string.
См. методы fontsize и small.
blink
(Метод)
Форматирует строковый объект в виде мигающей строки.
stringname. blink ()
Применение
Использование метода blink идентично изменению вида выводимого текста с помощью тега HTML <BLINK>. Оба следующих примера приводят к одному и тому же результату: выводу мигающей строки "Обратите внимание":
var attentionMessage = "Обратите внимание"
document. writeln (attentionMessage. blink ())
Обратите внимание
<BLINK>Обратите внимание</BLINK>
Связанные элементы
Метод объекта string.
См. методы bold, italics и strike.
blur
(Метод)
Удаляет фокус из указанного элемента формы.
document. formName. elementName. blur ()
document. forms [index]. elements [index]. blur ()
Применение
Например, следующая строка удаляет фокус из элемента
feedback:
feedback. blur ()
в предположении, что элемент feedback определен так:
<input type="text name="feedback">
Связанные элементы
Метод объектов password, select, text, и textarea.
См. методы focus и select.
bold
(Метод)
Форматирует строковый объект жирным шрифтом.
stringName. bold ()
Применение
Использование метода bold идентично изменению стиля шрифта с помощью тега HTML <B>.
Связанные элементы
Метод объекта string.
См. методы blink, italics и strike.
button
(Объект)
Кнопка в форме.
formName. buttonName
forms [index]. elements [index]
Применение
Кнопки должны быть определены внутри тега <FORM> и могут быть использованы для выполнения каких-либо действий.
<INPUT TYPE="button" NAME="buttonName"
VALUE="textOnButton" [onClick="eventHandler"] >
Для лучшей читаемости кода программы и во избежание неоднозначности при обращении к элементу формы рекомендуется использовать имя элемента вместе с именем формы. При назначении кнопке обработчика события onClick эта кнопка становится дополнительным средством для инициализации событий, отличных от submit и reset. Щелчок на следующей кнопке вызывает функцию
validateForm.
<INPUT TYPE="button" NAME="validate"
VALUE="Check for Accuracy" onClick="validateForm (this. form)">
Связанные элементы
Свойство объекта form.
См. объекты reset и submit.
См свойства name и value.
См. метод click.
См. обработчик события onClick
ceil
(Метод)
Возвращает ближайшее целое число, большее или равное аргументу.
Math. ceil (argument)
Применение
Метод ceil возвращает наименьшее целое число, большее или равное целому или дробному аргументу. Например:
Math. ceil (l.0l) возвращает 2.
Связанные элементы
Метод объекта Math. См. метод floor.
charAt
(Метод)
Возвращает символ из строки.
stringName. charAt (index)
Применение
Этот метод принимает целое число в качестве аргумента и возвращает символ, находящийся на этой позиции в строке. Позиция первого символа равна 0, а последнего - длине строки минус 1.
var userName = "Bobba Louie"
document. write (userName. charAt (4))
возвращает "a".
Связанные элементы
Метод объекта string.
См. методы indexOf и lastlndexOf.
checkbox
(Объект)
Элемент формы, который пользователь устанавливает в состояние on или off посредством щелчка левой кнопкой мыши.
formName. checkboxName
forms [index]. elements [index]
Флажок может иметь только одно из двух значений: true или false. Если флажок не установлен, как показано на рисунке, его значение равно true, иначе - false
Применение
Объект checkbox определяется в теге <FORM>.
<INPUT TYPE="checkbox" NAME="checkboxName" VALUE="checkboxValue"
[CHECKED] [onClick="eventHandler"] >textToDisplay
Свойства и методы флажков имеют множество применений.
Используйте свойство checked объекта checkbox для проверки текущего состояния флажка: установлен (true) или нет (false). Если атрибут CHECKED был использован в определении флажка, свойство defaultChecked также возвращает true.
Связанные элементы
Свойство объекта form.
См. объект radio.
См. свойства checked, defaultChecked, name и value.
См. методы click.
См. обработчик события onClick.
checked
(Свойство)
Возвращает логическое значение, представляющее текущее состояние отдельного флажка или переключателя.
formName. checkboxName. checked
formName. radioButtonName [index]. checked
forms [index]. elements [index]. checked
Применение
Свойство checked возвращает логическое значение (true или false), показывая, установлен ли флажок или переключатель.
Значение свойства изменяется немедленно после изменения пользователем состояния элемента. Будучи использовано в цикле for. in, свойство может помочь определить состояние кнопок:
function whichOneChecked () {
var checkedValue = ""
for (var i in document. formName. radioName) {
if (document. formName. radioName [i]. checked==true)
checkedValue=document. formName. radioName [i]. value
}
}
Связанные элементы
Свойство объектов checkbox и radio.
См. свойство defaultChecked.
clear
(Метод)
Очищает окно браузера.
document. clear ()
Применение
Метод clear уничтожает содержимое окна, вне зависимости от того, как оно было заполнено.
Связанные элементы
Метод объекта document.
См. методы close, open, write и writeln.
clearTimeout
(Метод)
Сбрасывает таймер.
[windowName.] clearTimeout (argument)
parent. [frameName.] clearTimeout (argument)
Применение
Метод clearTimeout отключает задержку таймера, установленную до этого с помощью метода setTimeout, Уникальный идентификатор таймера, полученный при его установке, должен быть указан для сброса задержки:
clearTimeout (waitTime)
Связанные элементы
Метод объектов frame и window.
См. метод setTimeout.
click
(Метод)
Эмулирует щелчок на объекте левой кнопкой мыши.
formName. elementName. click ()
forms [index]. elements [index]. click ()
Метод click и его воздействие на элементы формы
Элемент формы Результат
button, reset и submit Аналогичен щелчку по кнопке
radio Выбор переключателя
checkbox Устанавливает флажок и присваивает ему значение on
Применение
Эффект щелчка зависит от типа элемента формы.
Связанные элементы
Метод объектов button, checkbox, radio, reset и submit.
close
(Метод)
Для объекта document закрывает текущий поток вывода и показывает содержимое документа на экране. Для объекта window закрывает текущее окно.
document. close ()
window. close ()
[windowName.] close ()
Применение
Для документов метод close прекращает динамическое формирование документа, выводит содержимое документа на экран и сообщение "Document: Done" в строке состояния, Для объектов window подразумевается текущее окно window.
Например, каждая из строк:
window. close ()
close ()
self. close ()
закрывает текущее окно.
Связанные элементы
Метод объектов document и window.
См. методы clear, open, write и writeln.
confirm
(Метод)
Выводит диалоговое окно JavaScript Confirm (см. рис.3).
window. confirm () [windowName.] confirm ()
Диалоговое окно JavaScript Confirm предлагает пользователю продолжить или прекратить выполнение операции
Применение
Сходное с диалоговым окном JavaScript Alert, но дополненное кнопкой Cancel, диалоговое окно JavaScript Confirm выводит сообщение и две кнопки выбора. Метод confirm возвращает true, если пользователь нажимает кнопку ОК, и false при нажатии кнопки Cancel. Следующий пример загружает документ в новое окно, если пользователь выбирает ОК:
if (confirm ("Are you sure you want to enter. "))
tourWindow = window. open ('index.html', 'Содержание');
пример: (перейти на Оглавление)
Связанные элементы
Метод объекта window.
См. методы alert и prompt.
cookie
(Свойство)
Строка с небольшим количеством информации, сохраняемая браузером в файле cookies. txt на клиентском компьютере.
document. cookie
Применение
Значение, хранимое в свойстве cookie, может быть извлечено с помощью методов charAt, IndexOf и lastIndexOf.
Специальное свойство cookie сохраняет информацию о состоянии клиентского компьютера. Эта информация может быть затребована сервером. В свойство cookie включен диапазон URL, к которым эта информация относится.
Будущие запросы HTTP со стороны клиента, попадающие в указанный диапазон URL, будут включать в себя допустимую для этого диапазона информацию о клиенте и передаваться серверу. Этот простой способ хранения данных позволяет серверу возвращать ответы клиентскому компьютеру с учетом информации о клиенте. Примерами такого использования свойства cookie являются посылка регистрационной информации и автоматизация ввода идентификатора пользователя. Пользовательские настройки могут быть сохранены на клиентском компьютере и затребованы сервером во время соединения.
Можно ограничить время существования свойства cookie.
Для отправки и просмотра установок cookie в HTML-сценарии свойству следует присвоить значение:
document. cookie = "string"
Сценарии CGI также применяются для чтения и изменения значения свойства cookie. Генерация cookie требует посылки заголовка HTTP в формате:
Set-Cookie: NAME=Value;
[EXPIRES=date;] [PATH=pathname;] [DOMAIN=domainname;] [SECURE]
Когда запрос от сервера на получение значения свойства cookie попадает к браузеру, список URL просматривается в поисках адреса, соответствующего URL сервера. Все совпадающие подстроки возвращаются в таком формате:
cookie: NAME1=string1; NAME2=string2;.
Cookie - это произвольно выбранное имя. Более подробная информация о свойстве cookie и его назначении можно найти в Netscape's Cookie Specification по адресу
http://home.netscape.com/newsref/std/cookie_spec.html.
Связанные элементы
Свойство объекта document.
См. объект hidden.
cos
(Метод)
Возвращает косинус своего аргумента.
Math. cos (argument)
Применение
Величина угла должна быть указана в радианах, возвращаемы^ результат будет находиться в диапазоне от - 1 до 1.
Связанные элементы
Метод объекта Math.
См. метода acos, asin, atan, sin и tan.
Date
(Объект)
Предоставляет набор методов для работы с датами и временем.
Date. method (parameters)
Применение
Встроенный объект Date заменяет в языке JavaScript обычные типы данных для дат. Несмотря на отсутствие каких-либо свойств, объект Date имеет несколько методов для установки и изменения своего значения.
Хотя значения даты возвращаются в стандартной форме, фактическое значение хранится как количество миллисекунд, прошедших после полуночи 1 января 1970 года. Применение этого соглашения запрещает использование дат до 1970 года.
Для создания нового объекта Date можно использовать несколько вариантов синтаксиса:
objectName = newDate () // Создает объект, хранящий текущие дату
// и время
objectName = newDate ("month, day, year [hours: minutes: seconds] ")
// Создает объект со значением, заданным в виде строки
определенного формата
objectName = newDate (year, month, day [,hours,minutes,seconds])
// Создает объект со значением, заданным с помощью числовых
// параметров
Если при создании объекта Date опустить компонент, указывающий время, оно по умолчанию будет установлено в 00: 00: 00. Методы для установки и получения значения даты и времени делятся на четыре
основных категории: set, get, to и parse/UTC.
За исключением номера дня в месяце, все числовые представления даты нумеруются с нуля. Это не должно представлять проблемы, если не считать месяцев. Они представляются числами от 0 (январь) до 11
(декабрь).
Стандартный синтаксис даты таков: "Thu, 11 Jan 1996 06: 20: 00
GMT". Принятые в США аббревиатуры временных поясов воспринимаются корректно, но для универсальности лучше указывать сдвиг поясного времени относительно Гринвичского меридиана. Например, "Thu, 11
Jan 1996 06: 20: 00 GMT+0530" указывает пояс, находящийся на 5: 30 западнее Гринвича.
Связанные элементы
См. методы getDate, getDay, getHours, getMinutes, getMonth,
getSeconds, getTime, getTimezoneOffset, getYear, parse, setDate,
setHours, setMinutes, setMonth, setSeconds, setTime, setYear,
toGMTString, toLocaleString и toUTC.
defaultChecked
(Свойство)
Логическое значение (true или false), указывающее состояние флажка или переключателя по умолчанию.
formName. elementName. defaultChecked
forms [index]. elements [index]. defaultChecked
Применение
Установка значения свойства defaultChecked может перекрывать атрибут CHECKED тега, создавшего элемент формы. Следующий фрагмент программы возвращает группу переключателей к их исходному
состоянию путем поиска и установки переключателя в положение по умолчанию:
for (var i in menuForm. choices) {
if (menuForm. choices [i]. defaultChecked) {
menuForm. choices [i]. defaultChecked = true } }
Изменение свойства defaultChecked не влияет на вывод на экран переключателя, даже если затронуто состояние других переключателей.
Связанные элементы
Свойство объектов checkbox и radio.
См. объект form.
См. свойство checked.
defaultSelected
(Свойство)
Состояние элемента формы select по умолчанию.
formName. elementName. defaultSelected
forms [index]. elements [index]. defaultSelected
Применение
Свойство defaultSelected возвращает true или false, в зависимости от того, был ли при создании элемента формы использован в теге атрибут SELECTED: Программная установка значения этого свойства перекрывает наличие или отсутствие атрибута SELECTED тега <OPTION>. Синтаксис и поведение аналогичны свойству defaultChecked.
Связанные элементы
Свойство объекта options.
См. свойства index, selected и selectedIndex.
defaultStatus
(Свойство)
Выводимое по умолчанию сообщение в строке состояния в нижней части окна браузера.
[windowName.] defaultStatus
Применение
Устанавливает сообщение, выводимое в строке состояния, когда браузер не выдает своих сообщений. Это сообщение вытесняется более приоритетными или временными сообщениями, подобными сообщению, инициируемому обработчиком события mouseOver. Например:
window. defaultStatus = "Добро пожаловать на мою домашнюю страницу" выводит приветственное сообщение в тот момент, когда указатель мыши не находится над гиперссылкой или браузер не извещает пользователя о производимых им действиях.
Связанные элементы
Свойство объекта window. См. свойство status.
defaultValue
(Свойство)
Первоначальное содержимое текстовых элементов формы.
formName. elementName. defaultValue
forms [index]. elements [index]. defaultValue
Применение
Для любого из стандартных полей ввода текстовых данных форм
HTML - hidden, password, text, textarea (для которых значение по умолчанию записывается между тегами <TEXTAREA>) и string - свойство defaultValue возвращает первоначальное содержимое, установленное в тегах, независимо от текущего значения. Для элементов типа password это свойство автоматически устанавливается в null no соображениям безопасности, независимо от установленного значения,
Связанные элементы
Свойство объектов hidden, password, text и textarea. См.
свойство value.
document
(Объект)
Объект, создаваемый браузером во время загрузки страницы.
document. propertyOrMethod
document. objectName. propertyOrMethod
Применение
Объект document является одним из основных в JavaScript и содержит информацию о текущем документе, такую как заголовок, цвет фона и имеющиеся в документе формы. Эти свойства определяются в теге <BODY>. С помощью методов write и writeln объект document позволяет также выводить для пользователя на экран текст HTML.
Вы можете ссылаться на якоря, формы и гиперссылки документа с помощью соответствующих массивов объекта document. Элементы этих массивов соответствуют каждому якорю, форме или гиперссылке документа.
Связанные элементы
Свойство объекта window. См. объект frame.
См. свойства alinkColor, anchors, bgColor, cookie, fgColor,
forms, lastModified, linkColor, links, location, referrer, title и
vlinkColor.
См. методы clear, close, open, write и writeln. См.
обработчики событий onLoad и onUnload,
E
(Свойство)
Основание натуральных логарифмов.
Math. E
Применение
Также называется константой Эйлера, значение приблизительно равно 2.71828.
Связанные элементы
Свойство объекта Math.
См. свойства LN2, LN10, LOG2E, LOG10E, PI, SQRT1_2 и
SQRT2.
elements array
(Объект)
Массив элементов формы в порядке их определения в исходном документе.
formName. elements [index]
forms [index]. elements [index]
Применение
В этот массив включены все элементы формы. Обращение к этому массиву происходит с помощью имени формы или массива forms. Элементами формы являются кнопки, флажки, переключатели, объекты text и textarea. Ссылаться на элементы можно по их индексу.
Например, если форма содержит два текстовых поля, три переключателя и две кнопки, все они - соответствующие элементы в массиве elements от formName. elements [0] до formName. elements [6].
Заметьте, что нумерация нумерация начинается с 0, а не с 1.
Для определения количества элементов в форме служит свойство length. Значением свойства value для каждого элемента массива elements является полный текст тега HTML, создавшего элемент.
На элементы формы можно также ссылаться no их именам.
Например, элемент типа password, названный newPassword, является вторым элементом формы на странице HTML. Его значение может быть получено тремя способами:
formName. elements [1]. value
formName. elements ["newPassword"]. value
formName. newPassword. value
Значения элементов массива elements доступны только для чтения.
Связанные элементы
Свойство объекта form. См. свойство length.
elements
(Свойство)
Массив объектов, содержащий элементы формы в том порядке, в котором они перечислены в тексте страницы HTML.
formName. elements [index]
forms [index]. elements [index]
Применение
Нумерация элементов массива начинается с нуля и заканчивается количеством элементов формы минус 1. Более подробная информация содержится в описании объекта elements array.
Связанные элементы
Свойство объекта form. См. oбъeкт elements.
encoding
(Свойство)
Возвращает строку с типом кодирования MIME.
formName. encoding
forms [index]. encoding
Применение
Тип кодирования MIME устанавливается в атрибуте ENCTYPE тега HTML <FORM>. Стандарты кодирования MIME в HTML не устоялись, но черновые документы и информацию о состоянии дел можно найти на Web-сайте University of California-lrvine Information and Computer
Sciences Department http://www.ics. uci.edu/pub/ietf/html/.
Связанные элементы
Свойство объекта form.
См. свойства action, method и target.
escape*
(Метод)
Возвращает ASCII-код своего аргумента.
escape (argument)
Коды ASCII HTML основаны на наборе символов ISO Latin-1 и записываются в форме %xxx, где xxx - десятичное число, представляющее код ASCII. Этот метод не относится к какому-либо объекту, а является встроенным в язык JavaScript. Буквы латинского алфавита и числа возвращаются как есть, для остальных символов возвращаются коды ASCII.
document. write (escape ("Hi!"));
возвращает: Hi%21
Связанные элементы
См. метод unescape.
eval*
(Метод)
Вычисляет строку как числовое выражение.
eval (string)
Применение
Встроенная функция языка JavaScript получает числовое или строковое значение как аргумент. В случае получения строки метод eval пытается преобразовать ее в числовое выражение, затем вычисляет это выражение и возвращает получившийся результат.
var x = 10
var у = 20 document. write (eval ("x + у"))
Этот метод может быть также использован для выполнения команд JavaScript, включенных в строку.
var doThis = "if (х==10)" { аlеrt ('Достигнуто максимальное значение') }
function checkMax () {
x++;
eval (doThis) }
Этот метод может оказаться полезным для преобразования введенной в поле формы строки, представляющей собой какую-то дату, в числовое выражение.
exp
(Метод)
Возвращает значение экспоненты.
Math. exp (argument)
Применение
Метод exp возвращает число E (константу Эйлера), возведенное в степень, равную аргументу.
Связанные элементы
Метод объекта Math. См. методы log и pow. См. свойство Е.
fgColor
(Свойство)
Цвет текста, выводимого на странице.
document. fgColor
Применение
Цвета в JavaScript представлены в виде шестнадцатиричных триплетов RGB или строковых литералов. Это значение не моможет быть изменено после загрузки документа, для отдельных фрагментов текста можно изменить цвет с помощью метода fontcolor.
Свойство fgColor записывается в двух формах:
document. fgColor="aliceblue" document. fgColor="FOF8FF"
Начало формы
BlueRedPapaya WhipBlack
Конец формы
что дает тот же эффект, что и атрибут TEXT тега <BODY>: <BODY
TEXT="aliceblue">
Связанные элементы
Свойство объекта document.
См. свойства alinkColor, bgColor, linkColor и vlinkColor.
См. метод fontcolor.
fixed
(Метод)
Выводит строку на экран шрифтом фиксированной ширины.
stringName. fixed ()
Применение
Использование метода fixed аналогично применению тега HTML <TT>.
Связанные элементы
Метод объекта string.
floor
(Метод)
Возвращает ближайшее целое число, меньшее или равное
аргументу.
Math. floor (argument)
Применение
Если этому методу передано в качестве аргумента целое или дробное число, он возвращает целое число, меньшее или рав-ное аргументу аргументу. Например:
Math. floor (2.99) возвращает 2.
Связанные элементы
Метод объекта Math. См. метод ceil.
focus
(Метод)
Передает фокус указанному элементу формы.
formName. elementName. focus ()
forms [index]. elements [index]. focus ()
Применение
Используя имена формы и элемента, метод focus передает фокус элементу. С этого момента можно программно ввести значение в элемент формы, либо пользователь может сделать это вручную.
Связанные элементы
Метод объектов password, select, text и textarea. См. методы
blur и select.
fontcolor
(Метод)
Переопределяет цвет выводимого текста для строкового объекта.
stringName. fontcolor ()
Применение
Метод fontcolor форматирует строковый объект цветом, указанным в аргументе как шестнадцатиричный триплет RGB или строковый литерал. Использование метода fontcolor подобно использованию тега <FONT COLOR=color>.
myDog = "Brown";
document. write (myDog. fontcolor ("sienna"))
Связанные элементы
Метод объекта string.
fontsize
(Метод)
Выводит на экран строку шрифтом указанного размера.
stringName. fontsize (argument)
Применение
Этот метод использует один из семи возможных размеров шрифта, устанавливаемых в теге <FONTSIZE=size>. Если методу передана строка, размер шрифта задается относительно базового значения, установленного в теге <BASEFONT>.
Аргумент задает размер шрифта. Если это целое число, то оно представляет собой размер шрифта и должно быть в диапазоне от 1 до 7. Если же в качестве аргумента передана строка, размер шрифта изменяется относительно базового.
Связанные элементы
Метод объекта string. См. методы big и small.
form
(forms array) (Объект)
Объект, представляющий форму на странице.
document,formName
document. forms [index]
Применение
Объект form является свойством объекта document. Каждая форма в документе является отдельным объектом. НА нее можно ссылаться по имени. Объект form является также элементом массива forms, определенного в тегах HTML. Если первая форма в документе называется orderForm, то ссылаться на нее можно как на document. orderForm или document. forms [0]. Если форме не присвоено имени, сослаться на нее можно только как на элемент массива forms по индексу. Для получения количества форм на странице служит свойство length.
Подобные документы
Исследование возможностей и областей использования языка программирования 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
