Как вставить JavaScript в HTML страницу

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

JavaScript - это язык сценариев, который работает работает только в браузере пользователя, то есть на стороне клиента. Для вызова этого языка в HTML-код пишут теги <script> и </script> .

Как вставить HTML-код к себе на сайт?

Вот пример простой программки, выводящей в окно браузера фразу "Привет, Мир!":

<html> <head> <title>Пример JavaScript</title> </head> <body> <script> document.write("Привет, Мир!") </script> </body> </html>

В этом скрипте команда document.write("Привет, Мир!") вывела на экран фразу "Привет, Мир!". В команде document.write("") внутри кавычек можно писать любой текст и теги. Теги будут интерпретироваться браузером.

Подробнее про эту команду мы поговорим позже, а сейчас вернёмся к теме этой статьи - вставка сценария JavaScript в код HTML.

На самом деле расширеная и более точная запись тега <script> выглядит так: <script type="text/javascript"> . В атрибуте type мы указывает тип языка, на котором написан скрипт. В нашем случае это JavaScript. В реальности у JavaScript сейчас нет заметных конкурентов, поэтому во всех современных браузерах по умолчанию будет использоваться JavaScript.

Но для достоверности давайте приведём пример расширенного использования тега:

<html> <head> <title>Пример JavaScript</title> </head> <body> <script type="text/javascript"> document.write("Привет, Мир!<br><br>Я рад тебя видеть!") </script> <noscript> Ваш браузер не поддерживает JavaScript или поддержка отключена в настройках. </noscript> </body> </html>

В этом примере также обратите внимание на пару тегов <noscript> и </noscript> . Этот тег будет выводить текст на экран только в том случае, если в браузере пользователя отключён JavaScript или он не поддерживается.