#Урок 2. Как размещать код JS?

Код JS можно разместить как внутри страницы, так и в отдельном файле. Внутри страницы обычно размещают небольшие части кода, а в отдельных файлах — крупные части JavaScript кода, так как просматривать/редактировать документ, внутри которого есть большие вставки JavaScript будет неудобно.

JS внутри страницы.

Сценарии JS можно расположить внутри html-документа. Для обозначения сценариев используются теги <script> </script>. Как правило, они находятся внутри тегов <head> </head>, реже в body. При использовании тегов script необходимо указать параметр language, в котором указываем какой язык используется для данного сценария.

Пример JS в HTML

<html>
  <head>
    <title>JavaScript внутри страницы</title>
    <script language="javascript">  </script>

  </head>
  <body>
  </body>
</html>

В основном script располагается в «голове» документа (<head>). Если вставить JS в тело документа (<body>), то и выполняться он будет только тогда, когда страница будет загружена до того места, где находится скрипт. Но хоть это и работает, тем не менее так делать не принято.

JS в отдельном файле.

Первым делом создаем файл script.js Открываем текстовой редактор, например, Блокнот, но как я уже говорил в предыдущих статьях, для работы с сайтами и всем что с ними связанно лучше использовать NotePad++. Созданный нами файл должен находиться в той же папке, что и файл index.html

И так, страница JS готова. Для подключения, на первых парах, нам подойдет и пустая. Теперь переходим к подключению. Для встроенных языков программирования, таких как JavaScript, есть тег script. У него есть атрибут src, который отвечает за подключение файла. Добавляем его перед закрывающим тегом head.

<html>
  <head>
    <title>Подключаем js из отдельного файла</title>
    <script type="text/javascript" src="script.js" charset="UTF-8"></script>
  </head>
  <body>
  </body>
</html>

Внимание! Когда создаете файлы с разрешением js, html, php и т.д., всегда следите за тем, чтобы кодировка у них была UTF-8.

На данном этапе наш второй урок окончен! Идем дальше!

Комментарии закрыты.