Тег <script> - это настоящий двигатель интерактивности вашей веб-страницы! Он позволяет встраивать код прямо внутрь HTML-документа или подключать внешние файлы с логикой. Этот тег можно встретить как внутри тега <head>, так и в теле документа, причем использовать его разрешается сколько угодно раз - ограничений нет. Если вы хотите подключить внешний скрипт из отдельного файла, на помощь приходит атрибут src. Он указывает браузеру путь к нужному файлу. Интересный факт: при наличии src браузер игнорирует любой текст между открывающим и закрывающими тегами <script>, считая его «мусором». Но если атрибут src отсутствует, то все содержимое внутри тегов воспринимается как исполняемый код. Это важно знать, чтобы не запутаться в структуре! Существует несколько способов управления тем, когда именно и как будет выполняться внешний сценарий: - Атрибут async="async": Скрипт будет выполняться асинхронно. Это значит, что он не блокирует загрузку остальной части страницы и работает параллельно - отличный выбор для независимых библиотек!
- Атрибут defer="defer": Здесь логика обратная: скрипт дождется полной загрузки документа, а затем выполнится. Это идеальное решение для сценариев, которые зависят от структуры страницы.
- Отсутствие атрибутов async и defer: Браузер остановит парсинг HTML и сразу же выполнит скрипт. Такой подход стоит использовать осторожно, так как он может замедлить отображение контента.
Разберем ключевые атрибуты подробнее - async:
- Сигнализирует браузеру о необходимости асинхронного выполнения. Работает только в связке с атрибутом
src, поэтому предназначен исключительно для внешних скриптов. Допустимы следующие варианты записи:script async script async="async" script async="" Важно помнить: старые версии Internet Explorer (до IE9 включительно) не поддерживают этот атрибут. - defer:
- Откладывает выполнение кода до момента полной загрузки HTML-страницы. Как и
async, используется только с внешними скриптами (наряду с атрибутом src). Возможные значения:script defer script defer="defer" script defer="" - type:
- Определяет язык программирования, на котором написан сценарий. Список поддерживаемых MIME-типов:
- text/javascript
- text/ecmascript
- application/ecmascript
- application/javascript
- text/vbscript
Для JavaScript этот атрибут можно опускать: если он не указан, браузер по умолчанию ожидает код с типом text/javascript. - charset:
- Указывает кодировку символов во внешнем файле. Этот атрибут нужен лишь в том случае, если кодировка скрипт-файла отличается от той, что задана в самом HTML-документе.
- src:
- Содержит URL-адрес внешнего файла с кодом. Без него подключение внешних скриптов невозможно!
Простой пример использования script type="text/javascript" document.write("Hello World!"); /script
|