Вставляем код javaScript на HTML страницу
Существует 4 способа вставки javaScript кода в HTML страницу
- Вставка кода <script> /*код javaScript*/ </script> - чаще в <head>, но можно и в <body>
- Подключение внешнего js-файла <script src="/my.js"></script> - подключение внешнего файла
- Через события: onclick, onmouseover, onload и др.
- Через ссылку <a href="javaScript:alert('Я JavaScript-3');">
<!DOCTYPE HTML><html dir="ltr" lang="ru-ru">
<head>
<meta charset="utf-8">
<title>Уроки javaScript</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="/my.js"></script>
<script>
alert('Я javaScript-1');
</script>
</head>
<body>
<p onclick="alert('Я javaScript-2');">Уроки JavaScript</p>
<p><a href="javaScript:alert('Я javaScript-3');">Ссылка</a></p>
</body></html>
Обработка javaScriptкода происходит сверху вниз. Код, расположенный вверху не видит нижнего кода и HTML
События HTML
onblur - Потеря фокуса.
onchange - Изменение значения элемента формы.
onclick - Щелчок левой кнопкой мыши на элементе.
ondblclick - Двойной щелчок левой кнопкой мыши на элементе.
onfocus - Получение фокуса
onkeydown - Клавиша нажата, но не отпущена.
onkeypress - Клавиша нажата и отпущена.
onkeyup - Клавиша отпущена.
onload - Документ загружен.
onmousedown - Нажата левая кнопка мыши.
onmousemove - Перемещение курсора мыши.
onmouseout - Курсор покидает элемент.
onmouseover - Курсор наводится на элемент.
onmouseup - Левая кнопка мыши отпущена.
onreset - Форма очищена.
onselect - Выделен текст в поле формы.
onsubmit - Форма отправлена.
onunload - Закрытие окна.
Автор: Алехин Г.В.