Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Javascript » Teg-script

Тег script

Программы, создаваемые на языке JavaScript можно помещать в любое место в html-документе, а делается это с помощью тега script. Вот самый простой пример использования этого тега:

<!DOCTYPE HTML>
<html>
<head>
   <meta charset="utf-8">
   <title>Тег script в JS</title>
</head>
<body>
   <h1>Тег script</h1> 
      <p>Используем тег script</p>
<script> 
 alert( 'Привет, Страна!' ); 
</script>
      <p>Конец документа</p> 
</body> 
</html>

Данная команда alert открывает окно с сообщением «Привет, Страна!» и ждёт пока посетитель не нажмёт на кнопку OK.

Также можно подключить скрипт JS с помощью файла. Например достаточно будет написать вот такой код в шапке документа HTML:

<head>
<script src="/JS/script.js"></script>
</head>

Как вы поняли я прописал обычный относительный путь до файла с нашим скриптом и расположил его между тегами head. Но лучше использовать асинхронные скрипты с помощью атрибутов defer/async.

Асинхронные скрипты

Дело в том что если вы просто подключите файл со скриптом в шапке страницы, то остальная страница загрузится только после загрузки скрипта. Согласитесь что это не очень хорошо. Поэтому лучше использовать асинхронные скрипты, благодаря которым страница будет загружаться не зависимо от загрузки скриптов. Для этого надо прописать вот такой код:

<script src="/JS/script.js" async></script>

или

<script src="/JS/script.js" defer></script>

Единственное отмечу, что атрибут defer срабатывает во всех браузерах, а вот атрибут async не поддерживается браузерами IE9-. Мы ещё позже вернёмся к данным атрибутам и подробнее рассмотрим разницу между ними, но это будет в другом уроке.



наверх