Где размещать JavaScript-код


Скрипты в теле страницы выполняются немедленно при загрузке страницы в браузер. Однако в ряде случаев нам этого не требуется - иногда необходимо выполнить скрипт при загрузке странице, а иногда при инициировании пользователем некоторого события.


Скрипты в секции HEAD: Скрипты, которые должны выполняться при их вызове или при возникновении события, размещаются в секции HEAD. Это гарантирует загрузку скрипта до его использования.

Пример №1:
<html>
<head>
   <script language="JavaScript">
     некоторые операторы
   </script>
</head>

Скрипты в секции BODY: Скрипты, подлежащие выполнению при загрузке страницы, помещаются в секцию BODY. Когда скрипт находится в секции BODY, он генерирует содержание на странице.

Пример №2:
<html>
<head>
</head>
<body>
   <script language="JavaScript">
     некоторые операторы
   </script>
</body>

Скрипты в секциях HEAD и BODY: В документ можно поместить любое число скриптов, размещая их в секциях HEAD и BODY.

Пример №3:
<html>
<head>
   <script language="JavaScript">
     некоторые операторы
   </script>
</head>
<body>
   <script language="JavaScript">
     некоторые операторы
   </script>
</body>

Как использовать внешние скрипты

Иногда может потребоваться выполнить один и тот же скрипт на нескольких страницах, не записывая скрипт на каждой странице. Для этого можно написать скрипт во внешнем файле и сохранить файл с расширением .js, например:

document.write("Этот скрипт является внешним")

Сохраните внешний файл как xxx.js
- Имя файла не может иметь более восьми символов
- Внешний скрипт не должен содержать тэг <script>

Теперь можно вызывать этот скрипт с помощью атрибута src тэга script в любой странице:

Пример №4:
<html>
<head>
</head>
<body>
   <script src="xxx.js">
   </script>
</body>
</html>