Скрипты в теле страницы выполняются немедленно при загрузке страницы в браузер. Однако в ряде случаев нам этого не требуется - иногда необходимо выполнить скрипт при загрузке странице, а иногда при инициировании пользователем некоторого события.
Скрипты в секции HEAD: Скрипты, которые должны выполняться при их вызове или при возникновении события, размещаются в секции HEAD. Это гарантирует загрузку скрипта до его использования.
<html> <head> <script language="JavaScript"> некоторые операторы </script> </head>
Скрипты в секции BODY: Скрипты, подлежащие выполнению при загрузке страницы, помещаются в секцию BODY. Когда скрипт находится в секции BODY, он генерирует содержание на странице.
<html> <head> </head> <body> <script language="JavaScript"> некоторые операторы </script> </body>
Скрипты в секциях HEAD и BODY: В документ можно поместить любое число скриптов, размещая их в секциях HEAD и BODY.
<html> <head> <script language="JavaScript"> некоторые операторы </script> </head> <body> <script language="JavaScript"> некоторые операторы </script> </body>
Как использовать внешние скрипты
Иногда может потребоваться выполнить один и тот же скрипт на нескольких страницах, не записывая скрипт на каждой странице. Для этого можно написать скрипт во внешнем файле и сохранить файл с расширением .js, например:
document.write("Этот скрипт является внешним")
Сохраните внешний файл как xxx.js
- Имя файла не может иметь более восьми символов
- Внешний скрипт не должен содержать тэг <script>
Теперь можно вызывать этот скрипт с помощью атрибута src тэга script в любой странице:
<html>
<head>
</head>
<body>
<script src="xxx.js">
</script>
</body>
</html>