HTML <script>非同期属性

❮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>タグ