Непрофессиональное введение в JAVASCRIPT



             

События


События и обработчики события очень важны для программирования на JavaScript. События обычно вызваны действиями пользователя. Если пользователь нажимает на кнопку мыши, происходит Click-событие . Если курсор мыши перемещается на ссылку происходит, MouseOver-событие. Есть несколько различных событий.

Мы хотим, чтобы наша JavaScript программа реагировала на некоторые события. Это может быть сделано с помощью обработчиков события. Кнопка могла бы создавать всплывающее окно когда она нажимается. Это означает, что окно должно появиться как реакция на Click-событие. Обработчик события, который мы должны использовать, называется onClick. Он сообщает компьютеру, что делать, если это событие происходит. Следующий код показывает простой пример обработчика события onClick:

<form> <input type="button" value="Click me" onClick="alert('Yo')"> </form>

В этом коде есть несколько новых вещей - так давайте рассмотрим их шаг за шагом. Вы видите, что мы создаем форму с кнопкой (это в основном проблема HTML, так что я не буду рассматривать это здесь). Новая часть - onClick="alert('Yo')" внутри тега <input> . внутри тега . Как мы уже сказали, это определяет то, что происходит, когда нажимается кнопка. Значит, если Click-событие происходит, компьютер должен выполнить alert('Yo'). Это - JavaScript-код (Пожалуйста обратите внимание, что мы не используем тег <script> в этом случае).

alert() позволяет Вам создавать всплывающие окна. Внутри скобок Вы должны определить строку. В нашем случае это 'Yo'. Это текст, который должен показываться во всплывающем окне. Так что, наш сценарий создает окно с содержанием 'Yo'

когда пользователь нажимает на кнопку.

Одна вещь могла бы внести путаницу: В команде document.write ()мы использовали двойные кавычки ", а в комбинации с alert() мы используем только одиночные кавычки ' - почему? В основном Вы можете использовать оба способа. Но в последнем примере мы записали onClick="alert('Yo')" - Вы видите, что мы использовали, и двойные и одиночные кавычки. Если мы записали onClick="alert("Yo")", компьютер запутается, поскольку не ясно, которая часть принадлежит обработчику события onClick, а которая нет. Так что в этом случае, Вы должны чередовать кавычки. Это не имеет значение, в котором порядке Вы используете кавычки - сначала двойные кавычки и затем одиночные кавычки или наоборот. Это означает, что Вы можете также написать onClick='alert("Yo")'.

Есть много различных обработчиков события, которые Вы можете использовать. Мы узнаем некоторые из этого учебника - но не все. Так пожалуйста обратитесь к справочнику, если Вы хотите знать какой тип других обработчиков события существует.

Если Вы используете Netscape Navigator , всплывающее окно будет содержать текст JavaScript alert. Это - защитное ограничение. Вы можете создавать подобное всплывающее окно с помощью метода prompt(). Это окно допускает ввод. Злонамеренный сценарий мог бы подражать сообщениям системы и запросить о некотором пароле. Текст во всплывающем окне показывает, что окно исходит из вашего броузера, а не из вашей операционной системы. Поскольку это защитное ограничение, Вы не можете удалить этот текст.




Содержание  Назад  Вперед