CSS властивості
ГлавнаяАтрибути HTMLАтрибут async до HTML тега <script>

Атрибут async до HTML тега <script>

158

При наявності атрибуту async браузер за можливості запускає скрипт асинхронно. Це означає, що вказаний в атрибуті src файл буде виконуватися без очікування завантаження та відображення веб-сторінки. У той же час і сторінка не очікує результату виконання скрипту, а продовжує завантажуватися як завжди.

Якщо встановлено відразу два атрибути — async і defer, атрибут async ігнорується.

Синтаксис

<script async>...</script>

Значення

Ні.

Значення за промовчанням

За замовчуванням цей атрибут вимкнено.

Приклад

<!DOCTYPE html>
<html>
<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 15 5.1 3.6
3 3.6 15 5.2

Браузери

У таблиці браузерів застосовуються такі позначення.

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

Число вказує версію браузреа, з якої елемент підтримується.