HTML リファレンスマニュアル

HTML タグ一覧

HTML: <script> defer 属性

オンラインサンプル

ページが読み込まれた後に実行されるスクリプト：

例

<!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>HTML:<script>　defer　属性の使用-基本チュートリアル(oldtoolbag.com)</title>　
</head>
<body>
<script　src="demo_script.js"　defer></script>
<p>上記のスクリプトは以下の段落に情報を提供する必要があります。通常、これは不可能です。なぜなら、スクリプトは段落が存在する前に実行されるからです。</p>
<p　id="p1">Hello　World!</p>
<p>しかし、defer属性はスクリプトが後に実行されることを指定します。そのため、スクリプトは段落から情報をリクエストすることができます。</p>
</body>
</html>

テストして見て‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがdefer属性をサポートしています。

定義と使用法

defer属性はボルン属性です。

存在する場合、ページの解析が完了した後にスクリプトを実行するために指定します。

注意：defer属性は外部スクリプトにのみ適用されます（src属性がある場合にのみ使用するべきです）。

注意：外部スクリプトを実行する方法はいくつかあります：

アシンクリナイズドが存在する場合：スクリプトはページの残りの部分とアシンクリナイズドに実行されます（スクリプトはページが解析を続ける間に実行されます）。
アシンクリナイズドが存在しなくて遅延が存在する場合：ページの解析が完了した後にスクリプトを実行します。
アシンクリナイズドや遅延が存在しない場合：ブラウザがページを解析し続ける前に、すぐに取得して実行します。

HTML 4.01 HTML と5の違い

ありません。

HTML と XHTML の違い

XHTML では、属性の省略を禁止しており、defer 属性は <script defer="defer"> として定義する必要があります。

文法

<script defer>

　HTML <script> タグ

HTML: <template> タグ