4.Основы JavaScript

1. Основы JavaScript

2. Подключение JavaScript

<html>
<head>
<title>пример</title>
</head>
<body>
<h1>Приветствие</h1>
<script type="text/javascript">
alert("Привет!")
</script>
<h1>...Поприветствовали</h1>
</body>
</html>

3. Подключение JavaScript

<html>
<head>
<title>пример</title>
<script type="text/javascript">
function hi() {alert("Привет!") }
</script>
</head>
<body>
<input type="button" onclick=" hi()" value=“поприветствовать!"/>
</body>
</html>

4. Подключение JavaScript

Файл script.js
function hi() {alert("Привет!") }
Файл index.html
<html>
<head>
<title>пример</title>
<script src="script.js"></script>
</head>
<body>
<input type="button" onclick=" hi()" value="поприветствовать!"/>
</body>
</html>

5. Подключение JavaScript

<html>
<head>
<title>пример</title>
<script type="text/javascript">
function hi() {alert("Привет!") }
</script>
</head>
<body>
<input type="button" onclick=" hi()" value="поприветствовать!"/>
</body>
</html>

6. Подключение JavaScript

<html>
<head>
<title>пример</title>
</head>
<body>
<input type="button" onclick=alert("Привет!")
value="поприветствовать!"/>
</body>
</html>

7. События мыши

onmousedown
Нажатие на кнопку мыши
onmouseup
Нажатая кнопка мыши отпущена
onclick
Клик мыши
ondblclick
Двойной клик
oncontextmenu
Правый клик
onmousemove
Наведение мыши

8. События Body

onUnload
Попытка закрытия окна браузера и
выгрузки документа
onLoad
Закончена загрузка документа

9. События Body

10. События элементов формы

onBlur
Потеря текущим элементом фокуса
onChange
Изменение значений элементов формы.
Возникает после потерей элементом фокуса
onFocus
Получение элементом фокуса
onSelect
Выделение текста в текущем элементе

11. События клавиатуры

onKeyDown
Нажата клавиша на клавиатуре
onKeyPress
Нажата и отпущена клавиша на
клавиатуре
onKeyUp
Отпущена клавиша на клавиатуре

English Русский Правила