scriptのdeferとasyncプロパティについて
1064 ワード
defer遅延スクリプト:
1.スクリプトは、ページ の が するまで し、DOMContentLoadedイベントがトリガーされる に されます.したがって、エレメントにdeferプロパティを することは、ブラウザにすぐにダウンロードするように えるのと じですが、 を らせることになります.</p>
<p>2. のドキュメント をロードするプロセスはscript.jsのロード ( )</p>
<p>3. の スクリプトがある 、HTML 5 では、スクリプトが れる の で され、 の スクリプトが に されるように されます.<br> しかし、 には、 スクリプトは ずしも に されるとは らないし、DOMContentLoadedイベントがトリガーされる に されるとは らないので、 スクリプトは1つだけ まれることが ましい.</p>
<p>4.deferプロパティは スクリプトにのみ されます.</p>
<h3>async スクリプト:</h3>
<p><code> :<script async src="script.js">
:
1.スクリプトは、ページ の が するまで し、DOMContentLoadedイベントがトリガーされる に されます.したがって、エレメントにdeferプロパティを することは、ブラウザにすぐにダウンロードするように えるのと じですが、 を らせることになります.</p>
<p>2. のドキュメント をロードするプロセスはscript.jsのロード ( )</p>
<p>3. の スクリプトがある 、HTML 5 では、スクリプトが れる の で され、 の スクリプトが に されるように されます.<br> しかし、 には、 スクリプトは ずしも に されるとは らないし、DOMContentLoadedイベントがトリガーされる に されるとは らないので、 スクリプトは1つだけ まれることが ましい.</p>
<p>4.deferプロパティは スクリプトにのみ されます.</p>
<h3>async スクリプト:</h3>
<p><code> :<script async src="script.js">
1. script.js ( )
2. async , 。 , DOM
3. async 。 。
4.async
:《JavaScript ( 3 )》2.1.2 2.1.3