Объекты, входящие в состав форм

Далее мы приступим к изучению свойств и методов перечисленных в предыдущем разделе объектов. Для каждого объекта мы приведем пример сценария JavaScript, иллюстрирующего основные приемы работы с объектом.
Кнопка button
В общем виде кнопка класса button определяется в форме с помощью оператора следующим образом:

Параметр TYPE оператора должен иметь значение button, как это показано в нашем примере.
С помощью параметра NAME задается имя объекта, соответствующего кнопке (а не надпись на кнопке). Надпись на кнопке указывается с помощью параметра VALUE.
Определив обработчик события, вы можете задать сценарий JavaScript, который получит управление после того как пользователь нажмет на кнопку.
Свойства объекта button
Объект button имеет два свойства, отражающие значения соответствующих параметров оператора :

Свойство Описание
name
Значение параметра NAME
value
Значение параметра VALUE
Методы объекта button
Для объекта button определен всего один метод, не имеющий параметров, - click:
click()
Вызов этого метода приводит к такому же эффекту, что и щелчок левой клавишей мыши по кнопке.
Пример сценария
В качестве первого примера мы приведем сценарий, выполняющего обработку щелчка по кнопке с надписью Click me, расположенной в форме
Если нажать на эту кнопку, сценарий отобразит в окне браузера свойства кнопки как объекта класса button
Исходный текст документа HTML со встроенным в него сценарием JavaScript приведен в листинге 3.1.
Листинг 3.1. Файл chapter3/button/button.php

Button demo

");
document.write("You press button: " + szTxt.bold()
+ ", name=" + szTxt1.bold());
document.write("");
}
// -->

Click Button

В теле документа HTML определена форма с именем TestForm, для чего в операторе мы указали параметр NAME. Другие параметры этого оператора здесь не нужны.
Форма содержит одну-единственную кнопку с именем bt и надписью Click me. Для этой кнопки в качестве обработчика события мы назначили функцию btnClick, определенную в заголовке документа HTML.
Когда пользователь нажимает кнопку, функция btnClick получает управление и сохраняет в текстовых переменных szTxt и szTxt1 надпись и имя кнопки, соответственно:
szTxt=document.TestForm.bt.value;
szTxt1=document.TestForm.bt.name;
Затем функция выводит в окно браузера строку, ограниченную сверху и снизу разделительной линией, отображающую значение свойств value и name:
document.write("");
document.write("You press button: " + szTxt.bold()
+ ", name=" + szTxt1.bold());
document.write("");