Атрибут asynchtml5 HTML тега <script>

HTML тег <script>

Значение и применение

При использовании внешнего скрипта, браузер будет ожидать его выполнения, а уже после этого отобразит ту часть документа, которая находится под ним (по умолчанию).

Логический атрибут asynchtml5 (HTML тега <script>) указывает, что скрипт выполняется асинхронно (только для внешних скриптов, которые загружаются с использованием атрибута src).

При использовании нескольких скриптов, которые имеют атрибут asynchtml5 первым будет загружен тот, который имеет меньший размер.

Чтобы скрипт выполнился только тогда, когда страница загрузится полностью необходимо использовать атрибут defer. При этом если используется нескольких скриптов, которые имеют атрибут defer первым будет загружен тот, который был раньше указан (независимо от его размера), а затем браузер перейдет уже к загрузке второго, и так далее.


Обращаю Ваше внимание, что браузер Internet Explorer поддерживает этот атрибут только с версии 10.0.

Не используйте одновременно атрибут asynchtml5 и defer, современные браузеры в этом случае будут использовать только asynchtml5.


Поддержка браузерами

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
asynchtml5ДаДаДаДа10.012.0

Синтаксис:

<script async>

Значения атрибута

ЗначениеОписание
asyncЗначение атрибута требуется только в XHTML (<script async = "async">).

Отличия HTML 4.01 от HTML 5

Атрибут считается новым в HTML 5.

Пример использования

 <!-- атрибутом src  указываем относительный путь к файлу со скриптом (файл в той же папке, что и документ),
и атрибутом async указываем, что скрипт выполнится асинхронно -->
<script src = "myscript.js" async>
// здесь не должно быть какой-либо информации
</script>

Пример использования нескольких скриптов, которые имеют атрибут asynchtml5:

<script src = "myscript1.js" async> // будет загружен первым тот, чей размер меньше
<script src = "myscript2.js" async> 
HTML тег <script>