Добавление JavaScript в HTML

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

видео Добавление JavaScript в HTML

JavaScript Tutorial For Beginners #37 - Adding Elements to the DOM

В этой главе:

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



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

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


Javascript for beginners 23 - Adding JQuery to 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>. Сохраняем изменения в файле и закрываем его.

Теперь создадим ещё один файл и назовём его myscript2.js, открываем его и добавляем следующую строку JavaScript-кода: document.write("<h1>Это моя домашняя страница</h1>");

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


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

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

Ваш отзыв

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

*

*