Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | ||
|
Если рассматривать предыдущий пример, где вычислялась площадь прямоугольника по введенным пользователем данным, то там мы написали всего одну функцию, которая производила вычисления. Но если у нас будет несколько веб – страниц, на которых нам надо вычислить площадь прямоугольника, то нам придется для каждой страницы писать свою функцию.
Разумнее написать один раз функцию и в дальнейшем использовать ее на всех страницах. Для этого 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 – странице имя объекта:
…
<input type="button" name="button" value="вычислить" onClick="plPr (form1);">
…
Теперь, когда нам понадобиться вычислить площадь на какой-либо другой странице, нам достаточно будет вызвать функцию plPr (), а в скобках указать имя формы.
Рассмотрим еще один пример. Пусть у нас будет список ягод, а при наведении мышкой на название ягоды, ее описание появится в текстовом поле.
Нам потребуется два параметра: один с именем объекта (формы), второй с описанием ягод. Параметры в таком случае записываются через запятую. Наша функция будет выглядеть так:
function ИмяФункции (obj, n) {
obj. desc. value=n;
}
где desc – имя текстового поля для ввода описания. Эта функция будет срабатывать, когда на название ягоды наведен курсор.
Теперь напишем код html – страницы. Обработчик события, когда указатель мыши помещается над элементом, называется onMouseOver.
<html>
<head>
<title>Введение в JavaScript</title>
<script language="JavaScript" src= "script.js"></script>
</head>
<body>
<form name=" ИмяФормы ">
<textarea name=" desc " cols= rows= ></textarea>
</form>
<ul>
<li onMouseOver=" ИмяФункции (ИмяФормы, 'Малина обыкновенная - кустарник с многолетним корневищем');">Малина</li>
</ul>
</body>
</html>
Дата публикования: 2015-07-22; Прочитано: 239 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!