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

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

В этой главе:

Перед тем как использовать 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