Функция это многократно используемый блок кода. Функция исполняется когда происходит некое событие или вызывается функция.
Функция Вызов функции.
Синтаксис:
function functionname() { код }
<html> <head>
<script type="text/javascript"> function myfunction() { alert("Привет!") } </script>
</head> <body>
<form> <input type="button" onclick="myfunction()" value="Вызов функции"> </form>
<p>Функция вызывается при нажатии кнопки. Функция выводит окно-предупреждение.</p>
</body> </html>
Функция с аргументами Передача переменной функции и ее использование в функции.
Синтаксис:
function functionname(var1,var2,...,varX) { код }
<html> <head>
<script type="text/javascript"> function myfunction(txt) { alert(txt) } </script>
</head> <body>
<form> <input type="button" onclick="myfunction('Привет')" value="Вызов функции"> </form>
<p>При нажатии кнопки вызывается функция с аргументами. Функция выводит окно-предупреждение с передаваемым аргументом.</p>
</body> </html>
Функция с аргументами 2 Передача переменных функции и их использование в функции.
<html> <head> <script type="text/javascript"> function myfunction(txt) { alert(txt) } </script> </head>
<body> <form> <input type="button" onclick="myfunction('Доброе утро!')" value="Утром">
<input type="button" onclick="myfunction('Добрый вечер!')" value="Вечером"> </form>
<p>При щелчке мышью на одной из кнопок вызывается функция. Функция выводит окно-предупреждение с передаваемым аргументом.</p>
</body> </html>
Функция, которая возвращает значение Как создать функцию, возвращающую значение.
Синтаксис:
function functionname(var1,var2,...,varX) { returnvalue =… return returnvalue }
<html> <head>
<script type="text/javascript"> function myFunction() { return ("Привет! Чудесный день!") } </script>
</head> <body>
<script type="text/javascript"> document.write(myFunction()) </script>
<p>Сценарий в разделе BODY вызывает функцию.</p> <p>Функция возвращает текст.</p>
</body> </html>
Функция с аргументами, возвращающая значение Как создать функцию вычисляющую сумму двух аргументов и возвращающую результат.
<html> <head> <script type="text/javascript"> function total(a,b) { return a*b } </script> </head>
<body> <script type="text/javascript"> document.write(total(4,3)) </script> <p>Сценарий в разделе вызывает функцию с двумя аргументами (4 и 3).</p> <p>Функция возвращает произведение этих двух аргументов.</p> </body> </html>