базовый курс

ГРУППА КУРСА

Как добавить скрипт на страницу

Скрипт добавляется на страницу с помощью тэга <script>. Его можно разместить в любом месте страницы, как в тэге <head>, так и в тэге <body>. На странице может быть несколько скриптов. Они связаны между собой. Данные, полученные одним скриптом, могут быть использованы следующими скриптами. Раньше нужно было указывать атрибуты type и language. Но в HTML5 при работе в JavaScript их указывать не обязательно.

Скрипт можно добавить двумя способами - разместить код скрипта внутри тэга <script> или создать файл скрипта, а в теге <script> указать путь к файлу. Создадим страницу и добавим на неё скрипт. Этот скрипт будет выводить окно с сообщением. Код скрипта пока Вам не понятен, поэтому Вы можете просто скопировать его.

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html>
<head>
<title>Страница</title>
<meta charset="utf-8">
</head>
<body>
<script>
alert('Скрипт в коде страницы');
</script>
</body>
</html>

Запустите созданную страницу в браузере, на экране должно появиться окно с сообщением. Теперь создадим файл скрипта. Для этого нужно открыть в текстовом редакторе новую владку. Сейчас скрипт будет очень короткий, а вообще, для удобства лучше установить синтаксис JavaScript. Код в файле скрипта пишется точно так же, как внутри тэга <script>. Скопируйте в новую вкладку ткой код:

1
alert('Скрипт в файле');

Сохраним файл с именем filescript, тип файла должен быть Java Script files. Разместим файл в той же папке, где находится созданная ранее страница. Теперь присоединим файл к странице. Для этого добавим на страницу ещё один тэг <script>. Файл нужно указать в атрибуте src. Путь к файлу указывается так же, как и к файлам других типов.

11
<script src="filescript.js"></script>

Теперь при запуске страницы на экране должны появляться по очереди два сообщения. Сначала первое, а после нажатия кнопки OK, второе.

Если тэгу <script> задан атрибут src, то код внутри тэга игнорируется и используется код из файла скрипта.

При изучении JavaScript мы будем писать код скриптов внутри страниц, чтобы не создавать отдельный файл скриптов для каждого примера. Но при создании сайтов, большинство скиптов создаётся в файлах. На странице размещаются только очень маленькие скрипты, буквально несколько строк. Файл скрипта можно присоединить к разным страницам сайта. Но даже если скрипт используется только на одной странице, то для него всё равно лучше создать файл. Этот файл сохранится в кеш-памяти браузера и не будет загружаться каждый раз при открытии страницы.

В настройках браузера можно запретить сценарии. В этом случае скрипты выполняться не будут. Поэтому в HTML есть тэг <noscript>. Внутри него можно разместить элементы, которые будут показаны только в том случае, если в браузере запрещены сценарии. Если скрипты работают, то содержание этого тэга будет скрыто. А если скрипты запрещены, то элементы из этого тэга отобразятся на странице. В них можно написать сообщение, что скрипты не работают. Пример:

12
<noscript><p>В Вашем браузере не работают скрипты</p></noscript>

Некоторые старые браузеры не поддерживают тэг <noscript>, но в современных браузерах он работает.