Методы и обработчики событий
Поможем в ✍️ написании учебной работы
Поможем с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой

Для объекта link методы не определены. В тегах <a href> могут использоваться обработчики событий щелчка мыши и ее перемещения - onClick и onMouseOver. Конкретно обо всех событиях будем говорить позже.

Пример

При подведении указателя мыши на гиперсвязь, в строке состояния браузера появится текст "Текст в строке состояния при подведении мыши на гиперсвязь".

Подведите сюда курсор мыши

Вот текст:

<a href="#" onMouseOver="window.status='Текст в строке состояния при подведении мыши на гиперсвязь';

return true">

Подведите сюда курсор мыши

</a>

В данном случае гиперсвязь указывает на пустой документ - "#". Это выбрано для примера в случае щелчка на гиперсвязи ничего не грузилось.

 

Объект password

Объект password представляет собой поле ввода, содержимое которого не подлежит просмотру. Вместо каждого символа, введенного в таком поле, отображается символ звездочки (*). В то же время содержимое данного поля сохраняется как обычный текст. Объекты password, в свою очередь являются свойствами объекта form и должны помещаться в контейнере <form> . . . </form>.

 

Тег, задающий поле ввода пароля имеет вид:

<input type="password" name="passwordName" size=integer [value="textValue"]>

синтаксис этого тега такой же как и у тега задающего поле ввода, однако атрибут type имеет значение "password". Значением данного атрибута для поля ввода всегда является строка "text".

Атрибут name задает имя поля пароля и соответствует свойству name этого элемента в языке JavaScript, атрибут size определяет размер поля в символах, а атрибут value используется для записи в поле значения по умолчанию. Если и используется этот атрибут, ему обычно присваивают значение взятое из Cookies - об использовании "ключиков" будем говорить позже. Для обращения к свойствам и методам поля пароля применяются выражения вида:

o passName.propertyName

o passName.methodName(parameters)

o formName.elements[i].propertyName

o formName.elements[i].methodName(parameters)

Здесь passName - значение атрибута name объекта заданного в теге <input>, а formName - либо значение свойства name объекта form, либо определенный элемент в массиве forms, например forms[0]. Переменная i применяется для указания положения требуемого элемента в массиве.

Свойства

Объект password имеет следующие свойства:

o defaultValue - значение по умолчанию, задаваемое с помощью атрибута value;

o name - соответствует атрибуту name тега <name>

o value - соответствует текущему значению объекта password;

o type - значением этого свойства для всех объектов password является строка "password".

Методы и обработчики событий

Метод focus() объекта password применяется для установки фокуса в поле ввода пароля, а метод blur() - для его удаления. При помощи метода select() можно выделить данные в поле ввода. Этот метод обычно используется вместе с методом focus().

Для объекта password обработчики событий не определены.

Объект radio

Объект radio представляет собой селекторную кнопку (radio button), определяемую в HTML-форме. В отличие от контрольных переключателей (checkbox), селекторные кнопки позволяют выбрать только один из предлагаемых вариантов. Объект radio является свойством объекта form, и поэтому должен содержаться в контейнере <form> . . . </form>. В следующем примере показаны три объекта radio.

Пиво "Балтика 1"

Пиво "Очаковское"

Пиво "Бочкарев"

Синтаксис HTML-тега, определяющего селекторную кнопку, следующий:

<input type="radio" name="radioName" value="buttonValue" [checked] [on Click="handlerText"]> textToDisplay

В атрибуте name задается имя селекторной кнопки. Учтите, что для селекторных кнопок, принадлежащих к одной группе, необходимо указывать одинаковые имена, т.е. одинаковые значения атрибута name. Значение атрибута value возвращается серверу при передаче формы (по умолчанию значение "on"). С помощью атрибута checked можно выбрать селекторную кнопку, которая будет активизирована по умолчанию. Свойство defaultChecked объекта radio имеет значение true, если задан атрибут checked. В качестве значения атрибута onClick указывают обработчик события, связанного с выбором селекторной кнопки. В качестве обработчика события можно задать оператор или функцию языка JavaScript. Селекторная кнопка, как правило, имеет текст, описывающий данный вариант выбора. Этот текст задается в строке textToDisplay. Для обращения к методам и свойствам селекторной кнопки используют выражения:

o radioName[i].propertyName

o radioName[i].methodName(parameters)

o formName.elements[i].propertyName

o tformName.elements[i].methodName(parameters)

где radioName - значение атрибута name, заданное в соответствующем теге <input>, а formName - либо значение атрибута name объекта form, либо обращение к элементу массива forms. Поскольку селекторные кнопки являются элементами формы, для обращения к ним можно использовать массив элементов формы elements. Например, к первой селекторной кнопке с именем radio1, принадлежащей первой форме текущего документа, можно обратиться при помощи выражения:

document.forms[0].radioName[0]

Следует иметь в виду, что для группы селекторных кнопок элементы массива для каждого элемента этой группы располагаются в обратном порядке.

Свойства

Объект radio имеет следующие свойства:

o checked - содержит булево значение true или false, в зависимсти от того, выбрана или нет данная селекторная кноопка;

o defaultChecked - сответствует атрибуту checked тега <input type="radio">, а также содержит булево значение;

o length - представляет кооличество селекторных кнопок в бъекте radio;

o name - соответствует атрибуту name тега <input>

o value - сооответствует атрибуту value тега <input>

o type - для объектов radio значением этого атрибута является строка "radio"

Дата: 2019-02-25, просмотров: 199.