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

Опубликовано: 08.10.2017

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

Подключение карусели - Owl Carousel. Урок по HTML, CSS, JS.

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



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

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


JavaScript - 2 Подключение JS к 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> следующим образом:



Создадим папку и назовём её к примеру example, внутри этой папки создаём текстовый файл с расширением .js, например myscript.js (имя файла может быть любым), открываем его и добавляем строку JavaScript-кода: alert("Добро пожаловать!");

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

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

rss