в оглавление примеры сценариев с использованием различных свойств общая схема иерархической структуры объектов
 
 
 
 

свойства, методы, обработчики событий

предыдущая страничка следующая страничка

Чтобы определить, должен ли как-то реагировать объект на событие, существует дополнительный атрибут, который вводится в HTML при описании объекта. Этот атрибут состоит из названия события, знака равенства (как и любой другой атрибут в HTML), после которого следует инструкция, указывающая, что нужно делать при наступлении конкретного события. Ниже приведен пример очень простого документа, в котором отображается всего одна кнопка, для которой определен единственный обработчик события:

<html>
<body>
<form>
<input type=”button” value=”Нажми меня !!!” onClick=”window.alert(‘ОЙ !')”>
</form>
</body>
</html>

Описание формы внешне ничем не отличается. Однако стоит обратить внимание на последний атрибут onClick=”window.alert(‘ОЙ!')”. Объекты кнопок реагируют на щелчки мышью. Когда пользователь щелкает на кнопке, браузер отправляет кнопке сообщение о щелчке. В описании этой кнопки с помощью специального атрибута указано, что когда бы кнопка ни получила такое сообщение, она должна задействовать один из методов объекта window под названием alert(). Метод alert() отображает обычное диалоговое окно предупреждения, содержимым которого является текст, указанный в качестве параметра данного метода. Как и большинство аргументов атрибутов HTML, значения в правой части после знака равенства заключаются в кавычки. Если при этом нужно еще раз использовать кавычки, как это имеет место в данном случае, когда в качестве параметра передается еще и текст, то в качестве таких внутренних разделителей используются одинарные кавычки. В принципе, для JavaScript большой разницы нет, являются ли кавычки одинарными или двойными. Просто нужно придерживаться принципа соответствия типов кавычек. Это значит, что можно описать упоминавшийся атрибут и так:

onClick='alert(“ОЙ!”)'
 
 
 
  в начало | назад | вперед | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | <<< | >>>

Hosted by uCoz