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