Атрибут async

При наличии атрибута async браузер при возможности запускает скрипт асинхронно. Это означает, что указанный в атрибуте src файл будет выполняться без ожидания загрузки и отображения веб-страницы. В то же время и страница не ожидает результата выполнения скрипта, а продолжает загружаться как обычно.

Если задано сразу два атрибута — async и defer, то атрибут async игнорируется.

Синтаксис

<script async>...</script>

Значения

Нет.

Значение по умолчанию

По умолчанию этот атрибут выключен.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>async</title> <script async src="/example/script/async.js"></script> </head> <body> <p>Пример страницы</p> </body> </html>

В данном примере загружается содержимое страницы и одновременно выполняется скрипт, который выводит сообщение через функцию alert(). Без атрибута async содержимое страницы не отображается, пока мы не закроем окно с сообщением.

Браузеры

10 12 8 12.1 5.1 3.6
4.4 4 12.1 3.2

В таблице браузеров применяются следующие обозначения.

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

Число указывает версию браузреа, начиная с которой элемент поддерживается.