Параметры функции

Дата добавления: 2015-07-09; просмотров: 546; Нарушение авторских прав

Если рассматривать предыдущий пример, где вычислялась площадь прямоугольника по введенным пользователем данным, то там мы написали всего одну функцию, которая производила вычисления. Но если у нас будет несколько веб – страниц, на которых нам надо вычислить площадь прямоугольника, то нам придется для каждой страницы писать свою функцию.

Разумнее написать один раз функцию и в дальнейшем использовать ее на всех страницах. Для этого HTML – страница должна каким – то образом указать функции, какие именно значения (с какой страницы) брать для вычисления. Здесь нам понадобятся параметры, которые указываются в круглых скобках.

В функции мы используем имя формы - form1, его мы и сделаем параметром. Перепишем функцию следующим образом:

function plPr (obj) {

var a=obj.t1.value;

var b=obj.t2.value;

var s=a*b;

obj.res.value=s;

}

Мы указали, что функция должна принять в качестве параметра какой – то объект (obj) и производить все действия с ним. Нам осталось указать на нашей html – странице имя объекта:

…

…

Теперь, когда нам понадобиться вычислить площадь на какой-либо другой странице, нам достаточно будет вызвать функцию plPr (), а в скобках указать имя формы.

Рассмотрим еще один пример. Пусть у нас будет список ягод, а при наведении мышкой на название ягоды, ее описание появится в текстовом поле.

Нам потребуется два параметра: один с именем объекта (формы), второй с описанием ягод. Параметры в таком случае записываются через запятую. Наша функция будет выглядеть так:

function ИмяФункции(obj, n) {

obj.desc.value=n;

}

где desc – имя текстового поля для ввода описания. Эта функция будет срабатывать, когда на название ягоды наведен курсор.

Теперь напишем код html – страницы. Обработчик события, когда указатель мыши помещается над элементом, называется onMouseOver.

<html>

<head>

<title>Введение в JavaScript</title>

</head>

<body>

</form>

<ul>

<li onMouseOver="ИмяФункции(ИмяФормы, 'Малина обыкновенная - кустарник с многолетним корневищем');">Малина</li>

</ul>

</body>

</html>

<== предыдущая лекция	\|	следующая лекция ==>
Работа с формой	\|	Практическое занятие №23