События
События и обработчики события очень важны для программирования на
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(). Это окно допускает ввод. Злонамеренный сценарий мог бы подражать сообщениям системы и запросить о некотором пароле. Текст во всплывающем окне показывает, что окно исходит из вашего браузера, а не из вашей операционной системы. Поскольку это защитное ограничение, вы не можете удалить этот текст.