Функции
Функция - это часть программы, которую вызывают по мере необходимости. Возникла потребность - вызвали. Вызов может осуществляться многократно. В JavaScript существуют внутренние функции, о них - позже, и функции, определяемы пользователем. Конструкция функции записывается так:
function название(){
здесь - операторы (то, что функция должна сделать)
}
В скобках после названия функции пишут величины, которые нужно передать функции на обработку. Если нечего передавать, скобки оставляют пустыми. Обращаются, или вызывают функцию по названию и по событию, которое происходит на странице. Вот пример:
<HTML>
<head>
<script>
function func(){
alert('Это - окно сообщений, созданное скриптом по вызову');
}
</script>
</head>
<body onLoad='func()'>
</body>
</HTML>
Здесь функция с названием (именем) funk() при обращении к ней выведет окно с текстом. Обращение к функции произойдет по событию onLoad тэга <body>, то есть, при загрузке страницы (точнее - содержимого). Конструкция вызова - onLoad='func()', мы этой функции ничего не передаем, поэтому скобки пустые. Проверим, как это работает. Немного изменим пример. Пусть обращение к функции происходит не при загрузке, а при щелчке мышью по ссылке (событие onClick):
<HTML>
<head>
<script>
function func(){
alert('Ссылка нажата.');
}
</script>
</head>
<body>
<a onClick='func()'>Жмем сюда</a>
</body>
</HTML>
Посмотрим, как работает. Вот только ссылка не очень похожа на ссылку. Это легко исправить, если добавить в ссылку адрес, как в этом примере:
<HTML>
<head>
<script>
function func(){
alert('Ссылка нажата.');
}
</script>
</head>
<body>
<a href='#' onClick='func()'>Жмем сюда</a>
</body>
</HTML>
Проверим, есть ли изменения. Событие можно менять, например если вместо onClick записать onmouseOver, окно будет появляться уже не при щелчке, а при наведении мыши на ссылку. Можете проверить. У меня получилось вот так. Сообщение можно записать не в отдельное окно, а на станицу, код примера (все уже встречалось, поэтому без комментариев):
<HTML>
<head>
<script>
function func(){
document.write('Ссылка нажата.');
}
</script>
</head>
<body>
<a href='#' onClick='func()'>Жмем сюда</a>
</body>
</HTML>
Проверим функционирование и двинемся дальше. Дальше - формы.