Оглавление

11.2. Расположение функций внутри HTML-документа

Обычно функции принято располагать в разделе head HTML-документа (листинг 12) или в отдельном файле с расширением js (листинги 13 и 14). Хотя функции могут располагаться и в разделе body.

 

Листинг 12. Функция расположена в разделе HEAD


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
         "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 <title>Функции</title>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script type="text/javascript">
<!--
function f_Sum(x, y) {
   return (x + y);
}
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
var Var3, Var1 = 5, Var2 = 3;
Var3 = f_Sum(Var1, Var2);
document.write(Var3);
//-->
</script>
</body>
</html>

 

Листинг 13. Функция вынесена в отдельный файл script.js


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
         "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 <title>Функции</title>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 <script type="text/javascript" src="script.js"></script>
</head>
<body>
<script type="text/javascript">
<!--
var Var3, Var1 = 5, Var2 = 3;
Var3 = f_Sum(Var1, Var2);
document.write(Var3);
//-->
</script>
</body>
</html>

 

Листинг 14. Содержимое файла script.js


function f_Sum(x, y) {
   return (x + y);
}

 

Создать файл script.js можно с помощью Блокнота.

<< Меню >>  
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити