 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Обробка значень з форми
|
|
В попередніх прикладах користувачу не надавалася можливість вводити значення, і залежно від них одержувати результат, наприклад, при виконанні функції.
Інтерактивні документи можна створювати, використовуючи форми. Передбачимо, що ми хочемо створити форму, в якій поля Довжина і Ширина служать для введення відповідних значень. Крім того, у формі створимо кнопку Обчислити. При клацанні мишею по цій кнопці ми хочемо отримати значення площі прямокутника.
Напишемо функцію, що обчисляє площу прямокутника по заданих сторонах. Створимо форму для введення початкових даних.
Приклад 4.16.
<HTML>
<HEAD>
<title>Площадь прямоугольника</title>
</HEAD>
<BODY>
<h3 align=center>Вычисление площі прямокутника </h3>
<br>
<br>
<script>
function care(а, h)
{ var s= (а* h);
document.write ("Площа прямокутника рівна ",s);
return s
}
</script>
<FORM name="form1">
Довжина: <input type="text" size=5 name="st1"><hr>
Ширина: <input type="text" size=5 name="st2"><hr>
<input type="button" value=Вычислить
onClick="care(document.form1.st1.value, document.form1.st2.value)">
</FORM>
</BODY>
</HTML>
Розглянемо докладніше значення параметра обробки події, що представляє собою виклик функції сазі.
При інтерпретації HTML-страницы браузером створюються об'єкти JavaScript. Взаємозв'язок об'єктів між собою представляє ієрархічну структуру. На самому верхньому рівні ієрархії знаходиться об'єкт windows, що представляє вікно браузера. Об'єкт windows є предком або батьком об'єктів всієї решти. Кожна сторінка окрім об'єкта windows має об'єкт document. Властивості об'єкта document визначаються вмістом самого документа: колір фону, колір шрифту і т. д. В останньому прикладі на сторінці розташована форма. Форма (form) є нащадком об'єкта document, а всі елементи форми виступають нащадками об'єкта form. Посилання на об'єкт може бути здійснено на ім'я, заданому параметром name тега <HTML>. Для отримання значення длиныпрямоугольника, введеного в першому полі форми, повинна бути виконана конструкція
Дата публикования: 2015-04-10; Прочитано: 216 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
