Синтаксис JavaScript Справочник JavaScript JSON Коды клавиш События Строгий режим

Подключение JavaScript к HTML

Перед тем как использовать JavaScript, его необходимо добавить в HTML документ. Сделать это можно с помощью элемента <script> двумя способами:

  1. Определить встроенный сценарий, который располагается непосредственно между парой тегов <script> и </script>
  2. Подключить внешний файл с JavaScript-кодом

Примечание: элемент <script> может быть расположен в любом месте внутри элемента <head> и/или внутри элемента <body> и использоваться любое количество раз.

Встроенный сценарий

JavaScript код можно вставить непосредственно внутри элемента <script>. Сценарий, расположенный непосредственно внутри элемента, называется встроенным.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Название документа</title>
  <script>
    // JavaScript-код
  </script>
</head>
<body>
  <script>
    // JavaScript-код
  </script>
</body>
</html>

Внешний сценарий

В HTML документ можно также добавить JavaScript код, расположенный во внешнем файле. Сценарий, расположенный внутри внешнего файла, называется внешним. Подключение внешнего файла выполняется с помощью атрибута src тега <script> следующим образом:

alert("Добро пожаловать!");

Примечание: если вы не знаете как менять расширение у файлов, то можете прочитать об этом в разделе: смена расширения файла.

Обратите внимание, что внутри внешнего файла JavaScript-код не нужно располагать между тегами <script> и </script>. Сохраняем изменения в файле и закрываем его.

document.write("<h1>Это моя домашняя страница</h1>");

Сохраняем изменения в файле и закрываем его.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Название документа</title>
  <script src="myscript.js"></script>
</head>
<body>
  <script src="myscript2.js"></script>
</body>
</html>

Вот и всё! Сохраняем изменения в HTML-документе, открываем его в браузере и смотрим результат. У вас должно получиться нечто подобное:


Будьте внимательны, так как мы указали с помощью тега <meta> кодировку utf-8 в HTML-документе, кодировка самих файлов (test.html, myscript.js и myscript2.js) также должна быть utf-8.

Примечание: если подключается внешний сценарий, то внутри того же самого элемента <script> нельзя одновременно располагать встроенный сценарий.

Сравнение внешних и встроенных сценариев

Использование внешних сценариев даёт ряд преимуществ перед встроенными:

Примечание: располагать сценарий (как внешний так и встроенный) лучше всего в конце HTML-документа, перед закрывающим тегом </body>. Такое расположение сценария позволяет браузеру загружать страницу быстрее, так как сначала загрузится контент страницы, а потом будет загружаться код сценария.

Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2023 © puzzleweb.ru

Реклама на сайте | puzinfo@puzzleweb.ru | ruen