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