Теоретичні відомості

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

У більшості програм на мові JavaScript як і у випадках інших мов програмування широко використовуються функції. У більшості випадках функції представляють собою лише поєднання кількох команд. Для прикладу розглянемо скрипт, що друкує деякий текст три рази поспіль:

<html>

document.write("Ласкаво просимо на мою сторінку!<br>");

document.write("Це JavaScript!<br>");

document.write("Ласкаво просимо на мою сторінку!<br>");

document.write("Це JavaScript!<br>");

document.write("Ласкаво просимо на мою сторінку!<br>");

document.write("Це JavaScript!<br>");

</script>

</html>

Такий скрипт напише

Ласкаво просимо на мою сторінку!

Це JavaScript!

тричі. Як бачимо поставлена задача вирішена за допомогою того, що відповідна частина коду була дубльована три рази. Такий підхід не є ефективним. Наступний скрипт виконує ту ж саму задачу з використанням функції.

<html>

function myFunction() {

document.write("Ласкаво просимо на мою сторінку!<br>");

document.write("Это JavaScript!<br>");}

myFunction();

</script>

</html>

І хоча кількість строк у даному випадку не змінилась структура програми стала більш зрозумілою, читабельною, та придатною до подальшої модифікації. У даному програмному коді ми використали функцію, що містить наступні строки:

function myFunction() {

document.write("Ласкаво просимо на мою сторінку!<br>");

document.write("Це JavaScript!<br>");}

Для визначення функції використовується ключове слово function. myFunction у даному випадку ім’я функції. У круглих дужках може бути вказаний ряд параметрів. Усі команди скрипта, що знаходяться між фігурними скобками – {} – належать функції myFunction() та виконуються при її виклику. Це означає, що обидві команди document.write() пов’язані між собою та можуть бути виконані при виклику даної функції.

Завдання: Розробити Інтернет сторінку на якій знаходиться лише одна кнопка. На подію натиснення призначити виконання функції розрахунку арифметичної операції вибраної за номером студента в списку:

№ п/п		№ п/п

Приклад:

<html>

<head>

function calculation() {

var x= 12;

var y= 5;

var result= x + y;

alert(result);

}

</script>

</head>

<body>

<form>

</form>

</body>

</html>

Результати виконання:

<== предыдущая лекция	\|	следующая лекция ==>
Теоретичні відомості	\|	Теоретичні відомості