Поиск

Сценарий для одного элемента

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

Основным средством программирования служит конструкция this — объект, обозначающий текущий элемент.

Например, чтобы запрограммировать изменение цвета элемента в зависимости от положения указателя мыши, достаточно одной команды для каждого события:

<Н1 onmouseover="this.style.color='green'
onmouseout="this.style.color='black' ">3аголовок K/h1>

При необходимости для одного атрибута события можно использовать несколь ко команд JavaScript, но тогда их надо отделять друг от друга точкой с запятой. Можно также использовать условные операторы и, соответственно, фигурные скобки для разграничения необходимых блоков команд.

Если изменение цвета заголовка имеет чисто декоративную функцию, то управ ление свойствами гиперссылки требуется для подсказки пользователю. Допустим, нас не устраивает традиционный вид ссылки с подчеркнутым текстом. Тогда можно легко изменить вид надписи. В примере, приведенном ниже, для текста ссылки выбран синий цвет (color: blue), полужирное начертание (fontweight: bold), но отменено подчеркивание (textdecoration: none). При размещении ука зателя мыши над ссылкой цвет текста меняется на красный:

<А style="color: blue; fontweight: bold; textdecoration: none"
href="№/." onmouseover="this. style. color=' red'
onmouseout="this.style.color='blue' " >Текст ссылки</а>