Подключение JavaScript к HTML
Опубликовано: 24.09.2017
Перед тем как использовать JavaScript, его необходимо добавить в HTML документ . Сделать это можно с помощью элемента <script> двумя способами:
Определить встроенный сценарий, который располагается непосредственно между парой тегов <script> и </script> Подключить внешний файл с JavaScript-кодом
Примечание: элемент <script> может быть расположен в любом месте внутри элемента <head> и/или внутри элемента <body> и использоваться любое количество раз.
Как подключить Javascript файл к html документу
Встроенный сценарий
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> следующим образом:
JavaScript - 2 Подключение JS к HTML документу
Создадим папку и назовём её к примеру example, внутри этой папки создаём текстовый файл с расширением .js, например myscript.js (имя файла может быть любым), открываем его и добавляем строку JavaScript-кода: alert("Добро пожаловать!");
Примечание: если вы не знаете как менять расширение у файлов, то можете прочитать об этом в разделе: смена расширения файла .
Обратите внимание, что внутри внешнего файла JavaScript-код не нужно располагать между тегами <script> и </script>. Сохраняем изменения в файле и закрываем его.