HTML <script>非同期属性
例
ページの解析と並行してダウンロードされ、利用可能になり次第実行されるスクリプト:
<script src="demo_async.js" async></script>
定義と使用法
async
属性はブール属性です。
属性が設定されている場合async
、スクリプトはページの解析と並行してダウンロードされ、使用可能になるとすぐに実行されます。スクリプトが完全にダウンロードされると、ページの解析が中断され、その後、ページの残りの部分の解析が続行される前に、スクリプトが実行されます。
注:このasync
属性は外部スクリプト専用です(属性が存在する場合にのみ使用する必要があり
src
ます)。
注:外部スクリプトを実行する方法はいくつかあります。
- 存在する場合
async
:スクリプトはページの解析と並行してダウンロードされ、利用可能になるとすぐに(解析が完了する前に)実行されます。 - 存在する場合
defer
(存在しない場合async
):スクリプトはページの解析と並行してダウンロードされ、ページの解析が終了した後に実行されます - どちらでもない
async
かdefer
存在しない場合:スクリプトがダウンロードされてすぐに実行され、スクリプトが完了するまで解析がブロックされます
ブラウザのサポート
表の数字は、属性を完全にサポートする最初のブラウザーバージョンを示しています。
Attribute | |||||
---|---|---|---|---|---|
async | 8.0 | 10.0 | 3.6 | 5.1 | 15.0 |
構文
<script async>
❮HTML<script>タグ