|
|
Книги-onlinebutton Оглавление | Назад | Вперёд | Индекс ButtonКнопка, размещённая на форме HTML.
СозданиеHTML-тэг INPUT с "button" в качестве значения атрибута TYPE. Для данной формы машина выполнения JavaScript создаёт соответствующие объекты Button и помещает их в массив elements соответствующего объекта Form. Вы получаете доступ к объекту Button по индексу в данном массиве. Можно индексировать массив по числами или использовать значение атрибута NAME. Обработчики событийОписаниеОбъект Button на форме выглядит так: Объект Button это элемент формы и обязан быть определён внутри тэга FORM (теперь вроде уже нет - прим перев.). Объект Button это специальная кнопка, которую можно использовать для выполнения определённой Вами акции. Кнопка выполняет скрипт, специфицированный её обработчиком onClick. Свойства. Резюме.
Методы. Резюме.
Кроме того, этот объект наследует методы watch и unwatch из Object. ПримерыВ следующем примере создаётся кнопка с названием calcButton. Текст "Calculate" выводится на поверхности кнопки. При щелчке по кнопке вызывается функция calcFunction. <INPUT TYPE="button" VALUE="Calculate" NAME="calcButton" См. такжеForm, Reset, SubmitblurСинтаксисblur() ПараметрыПримерыВ этом примере фокус убирается с кнопки userButton: userButton.blur() Здесь предполагается, что кнопка определена так: <INPUT TYPE="button" NAME="userButton"> См. такжеButton.focusclickСимулирует щелчок мыши по кнопке, но не запускает обработчик onClick. Синтаксисclick() ПараметрыБезопасностьОтправка формы по URL mailto: или news: требует привилегии UniversalSendMail. О безопасности см. Клиентский JavaScript. Руководство. focusСинтаксисfocus() ПараметрыСм. такжеButton.blurformСсылка на объект, специфицирующая форму, которая содержит кнопку. ОписаниеКаждый элемент формы имеет свойство form, то есть ссылку на родительскую форму элемента. Это свойство используется в обработчиках событий, где бывает необходимо обратиться к другому элементу текущей формы. ПримерыПример 1.В следующем примере форма myForm содержит объект Text и кнопку. Когда пользователь щёлкает по кнопке, в значение объекта Text устанавливается имя формы. Обработчик onClick кнопки использует this.form для обращения к родительской форме myForm. <FORM NAME="myForm">Пример 2. Здесь показана форма с несколькими элементами. Когда пользователь щёлкает button2, функция showElements отображает диалог alert, содержащий имена всех элементов формы myForm. <script> function showElements(theForm) { Диалог alert выведет следующий текст: JavaScript Alert:Пример 3. В этом примере используется ссылка на объект вместо ключевого слова this для обращения к форме. Код возвращает ссылку на myForm, которая является формой, содержащей кнопку myButton. document.myForm.myButton.form См. такжеFormhandleEventВызывает обработчик для специфицированного события. СинтаксисhandleEvent(event) Параметры
ОписаниеОб обработке событий см. Клиентский JavaScript. Руководство. nameСтрока, специфицирующая имя кнопки. БезопасностьJavaScript 1.1. По умолчанию значение этого свойства разрушено. О разрушении данных см. книгу Клиентский JavaScript. Руководство. ОписаниеСвойство name первоначально отражает значение атрибута NAME. Изменение свойства name переопределяет эту установку. Не путайте свойство name с текстом, отображаемым на поверхности кнопки. Свойство value специфицирует лэйбл кнопки. Свойство name не выводится на экран; оно используется для программного обращения к объекту. Если несколько объектов формы имеют одно значение атрибута NAME, автоматически создаётся массив с данным именем. Каждый элемент этого массива представляет отдельный Form -объект. Элементы индексируются в порядке их появления в коде, начиная с 0. Например, если два элемента Text и элемент Button в одной форме имеют атрибут NAME со значением "myField", создаётся массив из элементов myField[0], myField[1] и myField[2]. Вы должны учитывать такую ситуацию при создании кода и знать, ссылается myField на единственный элемент или на массив элементов. ПримерыВ следующем примере функция valueGetter использует цикл for для итерации по массиву элементов формы valueTest. Окно msgWindow выводит имена всех элементов формы: newWindow=window.open("http://home.netscape.com") function valueGetter() { В следующем примере первый оператор создаёт окно netscapeWin. Второй оператор выводит значение "netscapeHomePage" в диалоговом окне Alert, поскольку "netscapeHomePage" является значением аргумента windowName окна netscapeWin. netscapeWin=window.open("http://home.netscape.com","netscapeHomePage") alert(netscapeWin.name) См. такжеButton.valuetypeДля всех объектов Button значением свойства type будет "button". Это свойство специфицирует тип элемента формы. ПримерыВ следующем примере записывается значение свойства type каждого элемента формы. for (var i = 0; i < document.form1.elements.length; i++) { valueСтрока - значение атрибута VALUE кнопки. БезопасностьJavaScript 1.1. По умолчанию значение этого свойства разрушено. О разрушении данных см. книгу Клиентский JavaScript. Руководство. ОписаниеЭта строка отображается на поверхности кнопки. Значение свойства value является read-only в ОС Macintosh и UNIX. В Windows Вы можете изменять это свойство. Если атрибут VALUE не специфицирован в HTML, свойство value является пустой строкой. Не путайте свойство value со свойством name. Свойство name не выводится на экран; оно используется для программного обращения к объекту. ПримерыЭта функция вычисляет значение свойства value группы кнопок и выводит его в окне msgWindow: function valueGetter() { Будут выведены следующие значения: Query Submit В предыдущем примере предполагается, что кнопки были определены так: <INPUT TYPE="submit" NAME="submitButton"> См. такжеButton.name Оглавление | Назад | Вперёд | ИндексДата последнего обновления: 28 мая 1999 года. Внимание! Если у вас не получилось найти нужную информацию, используйте рубрикатор или воспользуйтесь поиском . книги по программированию исходники компоненты шаблоны сайтов C++ PHP Delphi скачать |
|