Функції JavaScript дозволяють ділити сценарії на частини, до яких можна звертатися з іншого сценарію. У мові JavaScript фукції та процедури не розрізняються. Опис функції має такий вигляд:
Function functionName(формальний_параметр1, ф-й_параметр2,.....)
{
Оператори
}
Всі функції JavaScript рекомендується помістити у HTML-контейнер <HEAD> </HEAD>.
При завантаженні документа функції, що містяться в ньому, зчитуються у пам'ять і не виконуються до тих пір, поки до них не буде відповідного звертання. Оператор виклику функції має вигляд:
functionName (фактичний_параметр1, факт-й_пераметр2,...);
Якщо необхідно, щоб функція повертала певне значення, слід використовувати необов'язковий оператор return, вказавши у ньому вираз, значення якого необхідно повернути.
У наступному прикладі створюється горизонтальна лінія заданої довжини і товщини за допомогою динамічно сформованого відповідного HTML-дескриптора:
Лістинг 2.3
<НТМL>
<HEAD>
<ТITLЕ>Функція відображує горизонтальну лінію</ТITLЕ >
<SCRIPT>
<!--
function hr(w, h)
document.writeln("<nr align=left width="+w+" height="+h+">"); }
//-->
</SCRIPT>
</HEAD>
<BODY>
<H3> Основи JavaScript
<SCRIPT>
<!--
hr("75%","4");
</SCRIPT>
</H3>
</BODY>
</HTML>