HTML async 属性
定義と用法
async 属性は、ブール型属性です。
指定された場合、利用可能になると直ぐにスクリプトが非同期に実行されることを指定します。
注: async 属性は、外部スクリプトのためだけのものです (そして、src 属性が存在する場合にのみ使用されます)。
注: 外部スクリプトを実行できる方法がいくつかあります:
- async が存在する場合:スクリプトは、ページの残りの部分とは非同期に実行されます(ページが構文解析を継続している間にスクリプトが実行されます)
- async が存在せず defer が存在する場合:スクリプトは、ページの構文解析が終了したときにスクリプトが実行されます
- async も defer も存在しない場合:スクリプトは、ブラウザがページの構文解析を続行する前に、すぐにフェッチされ実行されます
適用
async 属性は、以下の要素で使用することができます:
例
Script の例
利用可能になるとすぐに非同期に実行されるスクリプト:
<script src="demo_async.js" async></script>
Try it Yourself ❯
ブラウザ・サポート
表中の数字は、属性を完全にサポートした最初のブラウザ・バージョンを指定しています。
属性 |
|
|
|
|
|
async |
Yes |
10.0 |
3.6 |
Yes |
Yes |