При наявності атрибуту 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 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
— елемент браузером не сприймається та ігнорується; - — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, з якої елемент підтримується.