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