14.02.2013, 13:23

Учим JavaScript с нуля (Урок 4)



  • Кнопки.
    До этого момента, наш js-код выполнялся сразу после загрузки страницы.
    Так можно-ли сделать так, чтобы выполнять фрагменты кода, например, по нажатию на кнопку? Ответ - да!
    Рассмотрим код:
    Код

    <input type="submit" value="Щёлкни" onClick="alert('ololo');">

    Из примера выше видно, что свойство onClick задает код, который будет выполняться после клика. Кстати, свойства также могут быть:
    onFocus - Фокус на объекте
    onMouseOver - Наведение курсора
    onMouseOut - Отдаление курсора от кнопки
    onDblClick - Двойное нажатие
    onKeyDown, onKeyUp - Нажатие и отжатие клавиши(для textarea, input с type="text" и т.д.)
  • Функции.
    Конечно, можно запихнуть туда код символов в 50. А если он в 1000 символов?
    Для удобства будем использовать пользовательскую функцию:
    Код
    <script>
    function al(){ // Начало функции
    alert('ololo');
    } // Конец функции
    <input type="submit" value="Щёлкни" onClick="al();">

    Эффект тот-же самый, а работать с кодом удобнее.
    В следующем уроке мы научимся изменять объекты (например - кнопки, div'ы и т.д.)

    Источник/Автор: InfoDusha

  • Категория: HTML, CSS, JS, JQ | Добавил: InfoDusha (14.02.2013) Просмотров: 1831 | Рейтинг: 3.7/3
    Пока комментариев нет. Ты можешь быть первым!
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]