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

HTML タグ完全ガイド

HTML: <script> async 属性

async属性はボルン属性であり、async属性が存在する場合、スクリプトは利用可能になったときに即座にアシンクリーナーとして実行されます。async属性は外部スクリプトにのみ適用されます（src属性がある場合にのみ使用されるべきです）。

オンラインサンプル

スクリプトが実行可能であれば、アシンクリーナーとして実行されます：

サンプル

<!DOCTYPE html
<html
<head
<title>HTML:<script> async 属性　-　基本チュートリアル網(oldtoolbag.com)<//title>
</head>
<body
<p id="p1">Hello World!<//p>
<script src="demo_async.js" async></script>
</body>
</html>

テストしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer 10Firefox、Opera、Chrome および Safari は async 属性をサポートしています。

注意：Internet Explorer 9 および以前のバージョンでは、<script>タグのasync属性をサポートしていません。

定義と使用法

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

存在する場合、スクリプトは利用可能になったときに即座にアシンクで実行されます。

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

注意：外部スクリプトを実行するには、多くの方法があります：

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

HTML 4.01 とHTML5の違い

async属性はHTML5 に追加された属性。

HTMLとXHTMLの違い

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

文法

<script async>

　HTML <script> タグ

HTML: <template> タグ