Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 113 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

Основание: <input name="st1" type="text" size="5">
Высота: <input name="st2" type="text" size="5">
<input name="" type="button" onClick="care(form1.st1, form1.st2)" value="Вычислить">
</form>
</body>
</html>
В качестве фактических параметров в вызове функции care выступают имена текстовых полей формы.
Использование имени формы в качестве параметра функции:
<html>
<head>
<title>Использование имени формы в качестве параметра функции</title>
<script>
<!--
function care(obj){
var a = obj.st1.value
var h = obj.st2.value
var s = a * h / 2
document.write("Площадь треугольника равна ", s)
}
//--></script>
</head>
<body>
<form name="form1">
Основание: <input name="st1" type="text" size="5">
Высота: <input name="st2" type="text" size="5">
<input name="" type="button" onClick="care(form1)" value="Вычислить">
</form>
</body>
</html>
В предыдущих примерах вычислялось значение переменной S и для его вывода применялся метод write объекта
document.
Определим в форме поле "площадь", в котором будем помещать вычисленное значение.
<html>
<head>
<title>Помещение вычисленного значения в поле</title>
<script>
<!--
function care(obj){
var a = obj.st1.value
var h = obj.st2.value
var s = a * h / 2
obj.res.value = s
}
//--></script>
</head>
<body>
<form name="form1">
Основание: <input type="text" name="st1" size="5">
Высота: <input type="text" name="st2" size="5">
<input name="button" type="button" onClick="care(form1)" value="Вычислить">
Площадь: <input type="text" name="res" size="5">
</form>
</body>
</html>
Очевидно, что если функцию можно присвоить переменной, то ее можно передать и в качестве аргумента другой функ-
ции. Все это усиливается при использовании функции eval(), которая позволяет реализовать отложенное исполнение
JavaScript-кода. Отложенное исполнение – это возможность изменения программы по ходу ее исполнения. Типичным ис-
пользованием eval() является сокращение кода за счет генерации однотипных строк:
for(i=0;i<5;i++)
{
eval("document.write('test"+i+"<br>')");
}
Результат исполнения кода:
test0

Страницы