Функция - это именованная последовательность операторов (инструкций). Любая функция имеет следующий синтаксис:
function имя (){
оператор;
.......
оператор;
}
Сначала идет ключевое слово function, затем имя функции, затем в круглых скобках перечисляются параметры (если они есть), затем в фигурных скобках перечисляются операторы, т.е. последовательность выполняемых действий. Каждый оператор заканчивается точкой с запятой.
Рассмотрим на примере.
<html>
<head>
<title>Заголовок документа</title>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<p onClick="showMessage();">Щелкни меня</p>
</body>
</html>
Мы указали, что при щелчке пользователя по абзацу (т.е. по словам "Щелкни меня") должна быть вызвана функция с именем "showMessage". Теперь на странице script.js надо написать саму функцию "showMessage". Открываем страницу script.js и пишем:
function showMessage(){
document.write("Вы щелкнули по абзацу!");
}
Усложним задачу и напишем сценарий, который будет рассчитывать площадь прямоугольника по введенным пользователем длине и ширине. Для этого сначала разместим на html-странице нужные элементы формы:
|
|
<html>
<head>
<title>Расчет площади прямоугольника</title>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<form name="forma1">
Введите длину прямоугольника <input type="text" name="t1" size="10"><br><br>
Введите ширину прямоугольника <input type="text" name="t2" size="10"><br><br>
<input type="button" name="button" value="Вычислить" onClick="areaRectangle();" ><br><br>
Площадь прямоугольника равна <input type="text" name="res" size="10">
</form>
</body>
</html>
Функцию вычисления площади назовем "areaRectangle". Опишем функцию:
function areaRectangle(){
var a=document.forma1.t1.value;
var b=document.forma1.t2.value;
var s=a*b;
document.forma1.res.value=s;
}