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

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

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

jQuery. Урок 4. Подключение jQuery к HTML странице

Перед тем как использовать 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>. Сохраняем изменения в файле и закрываем его.


Понравилась статья? Вы можете оставить отзыв или подписаться на RSS, чтобы автоматически получать информацию о новых статьях.

Комментариев пока нет.

Ваш отзыв

Деление на параграфы происходит автоматически, адрес электронной почты никогда не будет опубликован, допустимый HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*

*