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